* {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #333;
}

body {
    font-family: arial, "微软雅黑";
    margin: 0 auto;
    padding: 0px;
    font-size: 14px;
    line-height: 22px;
    width: 100%;
    overflow-x: hidden;
}

ul, ul li, ol li, tr td, dl, dd {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    color: #000;
    color: #333;
}

    a:hover {
        -webkit-transition: none;
        -moz-transition: none;
        transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
        -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
        -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
        -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
    }

.text, textarea, select {
    outline: none;
    font-family: 微软雅黑;
    color: #666;
    font-size: 12px;
    width: 100%;
}

body::-webkit-scrollbar {
    width: 8px;
    height: 1px;
}

body::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

body::-webkit-scrollbar-track {
    background: #fff;
}

body {
    padding-top: 80px;
}

@charset "UTF-8";

@font-face {
    font-family: "siyuan";
    src: url("../font/SourceHanSansCN-Regular.otf") format("opentype"), url("../font/SourceHanSansCN-Regular.ttf") format("truetype"), url("../font/SourceHanSansCN-Regular.eot") format("embedded-opentype"), url("../font/SourceHanSansCN-Regular.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "ff";
    src: url("../font/fetteengschrift.ttf") format("truetype"), url("../font/fetteengschrift.eot") format("embedded-opentype"), url("../font/fetteengschrift.svg") format("svg"), url("../font/fetteengschrift.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

.box {
    width: 1200px;
    margin: 0 auto;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    position: relative;
}

.container1 {
    width: 100%;
    height: auto;
    margin-left: 0px;
}

    .container1 .div_scroll {
        width: 100%;
        overflow: auto;
        float:;
    }

    .container1 .scroll_container {
        overflow: hidden;
        position: relative;
    }

    .container1 .scroll_absolute {
        position: absolute;
    }

    .container1 .scroll_vertical_bar {
        position: absolute;
        top: 0;
        right: 1px;
        width: 8px;
        height: 100%;
        background: green;
        margin: 0;
        padding: 0;
    }

    .container1 .scroll_track {
        position: relative;
        background-color: #fff;
        box-sizing: border-box;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }

    .container1 .scroll_drag {
        position: relative;
        top: 0;
        left: 0;
        cursor: pointer;
        background-color: #ccc;
    }

    .container1 .scroll_arrow {
        text-indent: -20000px;
        display: block;
        cursor: pointer;
        background: url(../images/gd_t.png)center no-repeat;
        background-size: cover;
    }

    .container1 .scroll_vertical_bar .scroll_arrow {
        height: 8px;
    }

    .container1 .scroll_arrow_down {
        background: url(../images/gd_b.png)center no-repeat;
    }





/*index*/

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
}

/*head*/

.head {
    width: 100%;
    height: 80px;
    background: #fff;
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    border-bottom: 1px solid #ddd;
}

    .head img {
        display: block;
        width: 100%;
    }

    .head .hdbox {
        width: 1200px;
        margin: 0 auto;
    }

    .head .logo {
        width: 240px;
        float: left;
        position: relative;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

.hdtxt {
    width: 240px;
    float: left;
    height: 80px;
}

    .hdtxt .txtbox {
        margin-top: 24px;
        font-size: 12px;
        color: #666;
        padding-left: 20px;
        border-left: 1px solid #2e3192;
        margin-left: 20px;
    }

        .hdtxt .txtbox div {
            font-size: 18px;
            color: #2e3192;
        }

.head dl {
    width: auto;
    float: left;
}

    .head dl dd {
        float: left;
        width: 82px;
        text-align: center;
        line-height: 80px;
    }

        .head dl dd a, .head dl:hover dd a, .head dl:hover dd.act a {
            display: block;
            background: #fff;
            color: #333;
        }

        .head dl dd.act a, .head dl dd:hover a, .head dl:hover dd.act:hover a {
            background: #2e3192;
            color: #fff;
        }

.head .logo2 {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.ps {
    height: 50px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
}

    .ps .hdtxt, .ps .contry {
        display: none;
    }

    .ps .logo {
        width: 150px;
        height: 50px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .ps dl {
        margin-left: 80px;
    }

        .ps dl dd {
            width: 120px;
            -webkit-transition: all .3s linear;
            -moz-transition: all .3s linear;
            transition: all .3s linear;
            line-height: 50px;
        }


.nav.ps2 {
    top: 50px;
}



/* 
 nav */

.nav {
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    padding: 100px 0;
    height: 260px;
    background: #f9f9f9;
    z-index: 999;
    display: none;
}

    .nav .box {
        height: 100%;
    }

.navbox {
    position: relative;
    text-align: left;
    width: 100%;
    height: 100%;
}

    .navbox .nav0 {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        height: 100%;
    }

        .navbox .nav0:nth-child(2) {
            display: block;
        }

    .navbox .nav2, .navbox .nav4 {
        width: 1100px;
        margin: 0 50px;
    }

        .navbox .nav2 dl {
        }

            .navbox .nav2 dl dd {
                width: 19%;
                float: left;
                box-sizing: border-box;
                border-left: 1px solid #eeefef;
                padding-left: 1%;
                height: 260px;
            }

                .navbox .nav2 dl dd:nth-child(5) {
                    border-right: 1px solid #eeefef;
                }

                .navbox .nav2 dl dd div {
                    font-size: 16px;
                    color: #2e3192;
                    line-height: 16px;
                    height: 16px;
                    font-weight: bold;
                }

                .navbox .nav2 dl dd a {
                    display: block;
                    font-size: 14px;
                    line-height: 14px;
                    color: #666;
                    padding-top: 20px;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

                    .navbox .nav2 dl dd a:hover {
                        color: #2e3192;
                        margin-left: 5px;
                        -webkit-transition: all .3s;
                        -moz-transition: all .3s;
                        transition: all .3s;
                    }

        .navbox .nav4 dl {
            box-sizing: border-box;
        }

            .navbox .nav4 dl dd {
                float: left;
                height: 260px;
            }

                .navbox .nav4 dl dd.dd1 {
                    padding-left: 28px;
                    border-left: 1px solid #eeefef;
                }

                .navbox .nav4 dl dd.dd2 {
                    padding-left: 85px;
                    width: 396px;
                }

                    .navbox .nav4 dl dd.dd2 div {
                        font-size: 12px;
                        color: #666;
                        line-height: 35px;
                    }

                    .navbox .nav4 dl dd.dd2 .bt {
                        font-size: 16px;
                        margin-bottom: 30px;
                        line-height: 16px;
                        color: #333;
                    }

                    .navbox .nav4 dl dd.dd2 .nt {
                        font-size: 16px;
                        color: #999;
                        line-height: 16px;
                        margin-bottom: 30px;
                    }

                    .navbox .nav4 dl dd.dd2 .ntt {
                        font-size: 16px;
                        color: #333;
                        line-height: 16px;
                        margin-bottom: 20px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 1;
                        -webkit-box-orient: vertical;
                    }


                .navbox .nav4 dl dd.dd3 {
                    float: right;
                    box-sizing: border-box;
                    border-left: 1px solid #eeefef;
                    border-right: 1px solid #eeefef;
                    width: 220px;
                    text-align: center;
                }

                    .navbox .nav4 dl dd.dd3 a {
                        font-weight: bold;
                        display: block;
                        font-size: 16px;
                        line-height: 16px;
                        margin-bottom: 20px;
                        -webkit-transition: all .3s;
                        -moz-transition: all .3s;
                        transition: all .3s;
                    }

                        .navbox .nav4 dl dd.dd3 a:hover {
                            color: #2e3192;
                            margin-left: 5px;
                            -webkit-transition: all .3s;
                            -moz-transition: all .3s;
                            transition: all .3s;
                        }

    .navbox .nav4_1 dl dd.dd3 a {
        width: 50%;
        float: left;
        font-weight: bold;
        display: block;
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 20px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

        .navbox .nav4_1 dl dd.dd3 a:hover {
            color: #2e3192;
            margin-left: 0px;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

.contry {
    float: right;
    width: 59px;
    background: #fff;
    cursor: pointer;
    text-align: left;
    border-left: 1px solid #ddd;
    margin-top: 28px;
}

    .contry a, .contry a img {
        display: block;
        width: 100%;
    }

    .contry div {
        background: url(../images/l_r1.png) center left no-repeat;
        padding-left: 20px;
        margin-left: 10px;
        font-size: 16px;
        color: #999;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

        .contry div a {
            color: #999;
            font-size: 13px;
        }

        .contry div:hover a, .contry div:hover {
            color: #2e3192;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

        .contry div:hover {
            background: url(../images/l_r2.png) center left no-repeat;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }



.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.i1 .swiper-pagination_i1 {
    bottom: 7.15%;
}

.swiper-pagination_i1 span {
    width: 60px;
    height: 3px;
    border-radius: 0;
    opacity: 1;
    background: #fff;
}

.swiper-pagination_i1 .swiper-pagination-bullet-active {
    background: #808080;
}


.i1 img, .navbox .nav4 dl dd img {
    display: block;
    width: 100%;
}

.i1 .next_i1 {
    width: 38px;
    height: 77px;
    background: url(../images/irt.png)center no-repeat;
}

.i1 .prev_i1 {
    width: 38px;
    height: 77px;
    background: url(../images/ilt.png)center no-repeat;
}

.i2 {
    width: 1920px;
    height: 620px;
    background: url(../images/i3.png)center no-repeat;
    background-size: 100%;
    text-align: center;
    position: relative;
    left: 50%;
    margin-left: -960px;
}

    .i2 .tt {
        font-size: 36px;
        line-height: 36px;
        font-family: siyuan;
        padding-top: 80px;
        color: #444;
    }

    .i2 .en {
        color: #cbcbcb;
        font-size: 16px;
        line-height: 16px;
        margin-top: 20px;
    }

.sj {
    padding-top: 80px;
    width: 1000px;
    margin: 0 auto;
}

    .sj > span {
        float: left;
        width: 25%;
    }

    .sj span .num {
        font-family: ff;
        font-size: 72px;
        line-height: 72px;
        color: #2e3192;
        position: relative;
        display: inline-block;
    }

        .sj span .num span {
            font-size: 72px;
            color: #2e3192;
            display: inline-block;
            position: relative;
            bottom: 10px;
        }

    .sj span .txt {
        font-size: 18px;
        color: #9d9a9e;
    }

.i2ct {
    width: 960px;
    margin: 50px auto 80px;
    text-align: left;
}

.move {
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
    border-radius: 0px;
    background: #2e3192;
    color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

    .move:hover {
        border-radius: 10px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

.waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;
}

.bgTop {
    z-index: 15;
    opacity: 0.5;
}

.bgMiddle {
    z-index: 10;
    opacity: 0.75;
}

.bgBottom {
    z-index: 5;
}

.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}

.waveTop {
    background-size: 50% 100px;
}

.waveAnimation .waveTop {
    animation: move-wave 3s;
    -webkit-animation: move-wave 3s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.waveMiddle {
    background-size: 50% 120px;
}

.waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
    -webkit-animation: move_wave 10s linear infinite;
}

.waveBottom {
    background-size: 50% 100px;
}

.waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
    -webkit-animation: move_wave 15s linear infinite;
}

.i3 {
    width: 1920px;
    height: 750px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    background: url(../images/i5.png)bottom center no-repeat;
    background-size: 100%;
    text-align: center;
}

    .i3 .i3_bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 1920px;
        left: 50%;
        margin-left: -960px;
    }

    .i3 .tt {
        font-size: 36px;
        line-height: 36px;
        font-family: siyuan;
        padding-top: 55px;
        color: #444;
    }

    .i3 .en {
        color: #cbcbcb;
        font-size: 16px;
        line-height: 16px;
        margin-top: 20px;
    }

    .i3 .ct {
        padding-top: 20px;
        width: 960px;
        margin: 0 auto;
    }

        .i3 .ct div {
            padding-bottom: 10px;
        }

        .i3 .ct span {
            padding: 0 30px;
            font-size: 16px;
        }



    .i3 .ixian {
        position: absolute;
        display: block;
        left: 0;
        bottom: 0;
        opacity: .5;
    }

@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1);
    }

    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55);
    }

    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1);
    }

    0% {
        -moz-transform: translateX(0) translateZ(0) scaleY(1);
    }

    50% {
        -moz-transform: translateX(-25%) translateZ(0) scaleY(0.55);
    }

    100% {
        -moz-transform: translateX(-50%) translateZ(0) scaleY(1);
    }

    0% {
        -ms-transform: translateX(0) translateZ(0) scaleY(1);
    }

    50% {
        -ms-transform: translateX(-25%) translateZ(0) scaleY(0.55);
    }

    100% {
        -ms-transform: translateX(-50%) translateZ(0) scaleY(1);
    }
}

@-webkit-keyframes move_wave {

    0% {
        -webkit-transform: translateX(0) translateZ(0) scaleY(1);
    }

    50% {
        -webkit-transform: translateX(-25%) translateZ(0) scaleY(0.55);
    }

    100% {
        -webkit-transform: translateX(-50%) translateZ(0) scaleY(1);
    }
}

.nao {
    position: absolute;
    top: 320px;
    left: 390px;
    animation: u_d 1s linear infinite alternate;
    -webkit-animation: u_d 1s linear infinite alternate;
}

@keyframes u_d {
    0% {
        top: 320px;
    }

    100% {
        top: 330px;
    }
}

@-webkit-keyframes u_d {
    0% {
        top: 320px;
    }

    100% {
        top: 330px;
    }
}

.i3 .d1 {
    position: relative;
    top: 83px;
    left: 330px;
    width: 150px;
    text-align: right;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    z-index: 99;
    opacity: 1;
}

    .i3 .d1 .dtt {
        font-size: 22px;
        font-weight: bold;
        color: #f871b2;
        line-height: 50px;
        height: 50px;
        overflow: hidden;
        cursor: pointer;
    }

        .i3 .d1 .dtt span {
            float: right;
        }

    .i3 .d1 .den {
        font-family: ff;
        font-size: 20px;
        color: #f871b2;
        margin-bottom: 5px;
    }

    .i3 .d1 .xq {
        width: 130px;
        height: 35px;
        text-align: center;
        line-height: 35px;
        background: #f871b2;
        color: #fff;
        float: right;
        border-radius: 5px;
        margin-top: 10px;
    }

    .i3 .d1 .dct {
        height: 90px;
        opacity: 0;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        width: 130px;
        font-size: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

        .i3 .d1 .dct.act {
            opacity: 1;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

.i3 .imgx1 {
    position: absolute;
    top: 275px;
    right: 743px;
    opacity: 1;
    width: 0px;
    height: 75px;
    overflow: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.i3 .d1.act {
    top: 22px;
    left: 190px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.i3 .imgx1.act {
    width: 115px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.i3 .imgx1sp {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #f871b2;
    border-radius: 50%;
    position: absolute;
    left: 443px;
    top: 330px;
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

    .i3 .imgx1sp.act {
        opacity: 1;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

.i3 .imgx1 img {
    width: 115px;
    height: 70px;
    position: absolute;
    right: 0;
    bottom: 0;
}

@-webkit-keyframes zhuan {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes zhuan {
    0% {
        -ms-transform: rotate(0deg);
    }

    100% {
        -ms- transform: rotate(360deg);
    }

    0% {
        -moz- transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }

    0% {
        -o- transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(360deg);
    }

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.zhuan {
    animation: zhuan 5s infinite linear;
    -webkit-animation: zhuan 5s infinite linear;
}

.i3 .d2 {
    position: relative;
    top: 110px;
    left: 225px;
    width: 150px;
    text-align: right;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    z-index: 99;
    opacity: 1;
}

    .i3 .d2 .dtt {
        font-size: 22px;
        font-weight: bold;
        color: #0cb8be;
        line-height: 50px;
        height: 50px;
        overflow: hidden;
        cursor: pointer;
    }

        .i3 .d2 .dtt span {
            float: right;
        }

    .i3 .d2 .den {
        font-family: ff;
        font-size: 20px;
        color: #0cb8be;
        margin-bottom: 5px;
    }

    .i3 .d2 .xq {
        width: 130px;
        height: 35px;
        text-align: center;
        line-height: 35px;
        background: #0cb8be;
        color: #fff;
        float: right;
        border-radius: 5px;
        margin-top: 10px;
    }

    .i3 .d2 .dct {
        height: 90px;
        opacity: 0;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        width: 130px;
        font-size: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

        .i3 .d2 .dct.act {
            opacity: 1;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

.i3 .imgx2 {
    position: absolute;
    top: 430px;
    right: 830px;
    opacity: 1;
    width: 0px;
    height: 75px;
    overflow: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.i3 .d2.act {
    top: 45px;
    left: 103px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.i3 .imgx2.act {
    width: 115px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.i3 .imgx2sp {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #0cb8be;
    border-radius: 50%;
    position: absolute;
    left: 345px;
    top: 500px;
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

    .i3 .imgx2sp.act {
        opacity: 1;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

.i3 .imgx2 img {
    width: 115px;
    height: 70px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.i3 .d3 {
    position: relative;
    top: -139px;
    left: 706px;
    width: 150px;
    text-align: left;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    z-index: 99;
    opacity: 1;
}

    .i3 .d3 .dtt {
        font-size: 22px;
        font-weight: bold;
        color: #f9c865;
        line-height: 50px;
        height: 50px;
        overflow: hidden;
        cursor: pointer;
    }

        .i3 .d3 .dtt span {
            float: left;
        }

    .i3 .d3 .den {
        font-family: ff;
        font-size: 20px;
        color: #f9c865;
        margin-bottom: 5px;
    }

    .i3 .d3 .xq {
        width: 130px;
        height: 35px;
        text-align: center;
        line-height: 35px;
        background: #f9c865;
        color: #fff;
        float: right;
        border-radius: 5px;
        margin-top: 10px;
    }

    .i3 .d3 .dct {
        height: 90px;
        opacity: 0;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        width: 130px;
        font-size: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

        .i3 .d3 .dct.act {
            opacity: 1;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

.i3 .imgx3 {
    position: absolute;
    top: 310px;
    left: 730px;
    opacity: 1;
    width: 0px;
    height: 75px;
    overflow: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.i3 .d3.act {
    top: -215px;
    left: 850px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.i3 .imgx3.act {
    width: 115px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.i3 .imgx3sp {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #f9c865;
    border-radius: 50%;
    position: absolute;
    left: 720px;
    top: 380px;
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

    .i3 .imgx3sp.act {
        opacity: 1;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

.i3 .imgx3 img {
    width: 115px;
    height: 70px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.i3 .d4 {
    position: relative;
    top: -79px;
    left: 755px;
    width: 150px;
    text-align: left;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    z-index: 99;
    opacity: 1;
}

    .i3 .d4 .dtt {
        font-size: 22px;
        font-weight: bold;
        color: #93d8fa;
        line-height: 50px;
        height: 50px;
        overflow: hidden;
        cursor: pointer;
    }


        .i3 .d4 .dtt span {
            float: left;
        }

    .i3 .d4 .den {
        font-family: ff;
        font-size: 20px;
        color: #93d8fa;
        margin-bottom: 5px;
    }

    .i3 .d4 .xq {
        width: 130px;
        height: 35px;
        text-align: center;
        line-height: 35px;
        background: #93d8fa;
        color: #fff;
        float: right;
        border-radius: 5px;
        margin-top: 10px;
    }

    .i3 .d4 .dct {
        height: 90px;
        opacity: 0;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        width: 130px;
        font-size: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

        .i3 .d4 .dct.act {
            opacity: 1;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

.i3 .imgx4 {
    position: absolute;
    top: 515px;
    left: 780px;
    opacity: 1;
    width: 0px;
    height: 75px;
    overflow: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.i3 .d4.act {
    top: -145px;
    left: 905px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.i3 .imgx4.act {
    width: 115px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.i3 .imgx4sp {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #93d8fa;
    border-radius: 50%;
    position: absolute;
    left: 765px;
    top: 585px;
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

    .i3 .imgx4sp.act {
        opacity: 1;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

.i3 .imgx4 img {
    width: 115px;
    height: 70px;
    position: absolute;
    left: 0;
    bottom: 0;
}


.i3 .d5 {
    position: relative;
    top: -178px;
    left: 420px;
    width: 150px;
    text-align: right;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    z-index: 99;
    opacity: 1;
}

    .i3 .d5 .dtt {
        font-size: 22px;
        font-weight: bold;
        color: #2f5ca2;
        line-height: 50px;
        height: 50px;
        overflow: hidden;
        cursor: pointer;
    }

        .i3 .d5 .dtt span {
            float: right;
        }

    .i3 .d5 .den {
        font-family: ff;
        font-size: 20px;
        color: #2f5ca2;
        margin-bottom: 5px;
    }

    .i3 .d5 .xq {
        width: 130px;
        height: 35px;
        text-align: center;
        line-height: 35px;
        background: #0cb8be;
        color: #fff;
        float: right;
        border-radius: 5px;
        margin-top: 10px;
    }

    .i3 .d5 .dct {
        height: 90px;
        opacity: 0;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        width: 130px;
        font-size: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

        .i3 .d5 .dct.act {
            opacity: 1;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

.i3 .imgx5 {
    position: absolute;
    top: 550px;
    right: 645px;
    opacity: 1;
    width: 0px;
    height: 75px;
    overflow: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.i3 .d5.act {
    top: -250px;
    left: 300px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.i3 .imgx5.act {
    width: 115px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.i3 .imgx5sp {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #2f5ca2;
    border-radius: 50%;
    position: absolute;
    left: 535px;
    top: 622px;
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

    .i3 .imgx5sp.act {
        opacity: 1;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

.i3 .imgx5 img {
    width: 115px;
    height: 70px;
    position: absolute;
    right: 0;
    bottom: 0;
}


.i3 .box .move {
    position: absolute;
    z-index: 99;
    top: 88%;
    left: 50%;
    margin-left: -50px;
}

.i4 {
    text-align: center;
    padding-bottom: 120px;
}

    .i4 .tt {
        font-size: 36px;
        line-height: 36px;
        font-family: siyuan;
        padding-top: 80px;
        color: #444;
    }

    .i4 .en {
        color: #cbcbcb;
        font-size: 16px;
        line-height: 16px;
        margin-top: 20px;
    }

    .i4 dl {
        height: 435px;
        padding-top: 55px;
    }

        .i4 dl dd {
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
            cursor: pointer;
            position: relative;
            width: 14%;
            float: left;
            margin-right: 1%;
            box-sizing: border-box;
            border: 1px solid #ddd;
            height: 100%;
            background: url(../images/i17.png)center no-repeat;
            background-size: cover;
        }



            .i4 dl dd:nth-child(2) {
                background: url(../images/i18.png)center no-repeat;
            }

            .i4 dl dd:nth-child(3) {
                background: url(../images/i19.png)center no-repeat;
            }

            .i4 dl dd:nth-child(4) {
                background: url(../images/i20.png)center no-repeat;
            }

            .i4 dl dd:nth-child(5) {
                background: url(../images/i21.png)center no-repeat;
            }

            .i4 dl dd .top {
                margin-top: 150px;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .i4 dl dd .txt {
                font-size: 18px;
                color: #fff;
                font-weight: bold;
                margin-top: 10px;
            }

            .i4 dl dd.act .top {
                margin-top: 25px;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .i4 dl dd .bt {
                position: absolute;
                width: 100%;
                height: 286px;
                bottom: 0;
                left: 0;
                background: #fff;
                text-align: left;
                overflow: hidden;
                opacity: 0;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

                .i4 dl dd .bt div {
                    width: 90%;
                    margin: 0 auto;
                }

                    .i4 dl dd .bt div a {
                        display: inline-block;
                        padding: 5px 10px;
                        margin-right: 5px;
                        border-radius: 5px;
                        color: #666;
                    }

                        .i4 dl dd .bt div a:hover {
                            background: #2e3192;
                            color: #fff;
                        }

            .i4 dl dd .btt {
                font-size: 16px;
                padding: 25px 0 0px;
            }

            .i4 dl dd .bt .bct {
                margin-top: 20px;
            }

            .i4 dl dd:nth-child(2) .bt .bct {
                margin-top: 0px;
            }

            .i4 dl dd.act .bt {
                opacity: 1;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

.i5 {
    width: 1920px;
    position: relative;
    height: 750px;
    left: 50%;
    margin-left: -960px;
    background: #eff0f1;
    text-align: center;
}

    .i5 .i5rt {
        position: absolute;
        width: 50%;
        height: 100%;
        right: 0;
        top: 0;
        background: pink;
    }

        .i5 .i5rt img {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
        }

    .i5 .tt {
        font-size: 36px;
        line-height: 36px;
        font-family: siyuan;
        padding-top: 80px;
        color: #444;
    }

    .i5 .en {
        color: #cbcbcb;
        font-size: 16px;
        line-height: 16px;
        margin-top: 20px;
    }

.i5box {
    width: 100%;
    margin-top: 75px;
}

    .i5box .boxlt {
        width: 50%;
        float: left;
        text-align: left;
    }

        .i5box .boxlt dt {
            width: 100%;
            height: 50px;
            text-align: center;
            background: #2e3192;
            color: #fff;
            font-size: 18px;
            line-height: 50px;
        }

        .i5box .boxlt dd {
            padding: 30px 0 30px;
            border-bottom: 1px solid #fff;
            cursor: pointer;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
            background: url(../images/i29.png)center no-repeat none;
            background-position: 50% 50%;
        }

            .i5box .boxlt dd:nth-child(2) {
                padding-top: 50px;
            }

            .i5box .boxlt dd .num {
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
                width: 40px;
                height: 40px;
                background: #444;
                color: #fff;
                text-align: center;
                line-height: 40px;
                font-size: 18px;
                font-weight: bold;
                margin: 0 25px 0 30px;
                float: left;
            }

            .i5box .boxlt dd .txt {
                float: left;
            }

            .i5box .boxlt dd .ttt {
                font-size: 18px;
                font-weight: bold;
                color: #444;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .i5box .boxlt dd.act {
                background: url(../images/i29.png)center right no-repeat;
                background-position: 90% 50%;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

                .i5box .boxlt dd.act .num {
                    background: #2e3192;
                    color: #fff;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

                .i5box .boxlt dd.act .ttt {
                    color: #2e3192;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

                .i5box .boxlt dd.act .tct {
                    width: 315px;
                    height: 22px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

            .i5box .boxlt dd .tct {
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .i5box .boxlt dd:hover .txt div {
                color: #2e3192;
            }

    .i5box .boxrt {
        width: 50%;
        float: right;
        background: url(../images/i30.png);
        background-size: cover;
        height: 523px;
        position: relative;
        transform-origin: 0 50%;
        transform: rotateY(180deg);
    }

        .i5box .boxrt.act {
            transform: rotateY(0deg);
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            transition: all 1s;
        }

        .i5box .boxrt dt {
            width: 100%;
            height: 50px;
            text-align: center;
            background: #444;
            color: #fff;
            font-size: 18px;
            line-height: 50px;
        }

        .i5box .boxrt dd {
            margin-bottom: 15px;
        }

            .i5box .boxrt dd a {
                display: block;
                width: 250px;
                height: 45px;
                line-height: 45px;
                font-size: 16px;
                margin: 0 auto;
            }

            .i5box .boxrt dd.act a {
                background: #2e3192;
                color: #fff;
            }

            .i5box .boxrt dd:nth-child(2) {
                margin-top: 66px;
            }

        .i5box .boxrt span {
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            display: none;
        }

            .i5box .boxrt span:nth-child(2) {
                display: block;
            }

.i6 {
    text-align: center;
}

    .i6 .tt {
        font-size: 36px;
        line-height: 36px;
        font-family: siyuan;
        padding-top: 80px;
        color: #444;
    }

    .i6 .en {
        color: #cbcbcb;
        font-size: 16px;
        line-height: 16px;
        margin-top: 20px;
    }

    .i6 .i6swp {
        width: 100%;
        height: 510px;
        margin: 60px 0 130px;
    }

        .i6 .i6swp dl {
            width: 100%;
            height: 100%;
        }

            .i6 .i6swp dl dd {
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
                width: 20%;
                float: left;
                box-sizing: border-box;
                border: 1px solid transparent;
                border-right: 1px solid #dedede;
                border-bottom: 1px solid #dedede;
                position: relative;
                height: 170px;
            }

                .i6 .i6swp dl dd:nth-child(1), .i6 .i6swp dl dd:nth-child(6), .i6 .i6swp dl dd:nth-child(11) {
                    border-left: 1px solid #dedede;
                }

                .i6 .i6swp dl dd img {
                    width: 100%;
                    display: block;
                }

                .i6 .i6swp dl dd a {
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                    display: block;
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    line-height: 170px;
                    font-size: 18px;
                    background: url(../images/i30_1.png);
                    opacity: 0;
                }

                .i6 .i6swp dl dd:hover {
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                    border: 1px solid #ddd;
                    box-shadow: -5px 0 5px #ddd, 5px 0 5px #ddd, 0 -5px 5px #ddd, 0 5px 5px #ddd;
                    -webkit-box-shadow: -5px 0 5px #ddd, 5px 0 5px #ddd, 0 -5px 5px #ddd, 0 5px 5px #ddd;
                    -moz-box-shadow: -5px 0 5px #ddd, 5px 0 5px #ddd, 0 -5px 5px #ddd, 0 5px 5px #ddd;
                }

                    .i6 .i6swp dl dd:hover a {
                        opacity: 1;
                        -webkit-transition: all .3s;
                        -moz-transition: all .3s;
                        transition: all .3s;
                    }

    .i6 .next_i6 {
        width: 60px;
        height: 77px;
        background: url(../images/i6rt.png)center no-repeat;
        right: -77px;
    }

    .i6 .prev_i6 {
        width: 60px;
        height: 77px;
        background: url(../images/i6lt.png)center no-repeat;
        left: -77px;
    }


    .i6 .move {
        position: absolute;
        bottom: -80px;
        left: 50%;
        margin-left: -50px;
        z-index: 9;
    }

.i7 {
    text-align: center;
    background: #f2f2f2;
    padding-bottom: 80px;
}

    .i7 .tt {
        font-size: 36px;
        line-height: 36px;
        font-family: siyuan;
        padding-top: 80px;
        color: #444;
    }

    .i7 .en {
        color: #cbcbcb;
        font-size: 16px;
        line-height: 16px;
        margin-top: 20px;
    }

    .i7 .i7n {
        width: 100%;
        height: 110px;
        line-height: 110px;
    }

        .i7 .i7n a {
            display: inline-block;
            font-size: 16px;
        }

            .i7 .i7n a span {
                display: inline-block;
                width: 20px;
                height: 1px;
                background: #ddd;
                position: relative;
                top: -5px;
                margin: 0 40px;
            }

            .i7 .i7n a.act, .i7 .i7n a:hover {
                color: #2e3192;
            }

    .i7 .dtbox {
        position: relative;
        height: 415px;
    }

        .i7 .dtbox dd {
            position: absolute;
            top: 0;
            left: 0;
            display: none;
        }

            .i7 .dtbox dd:nth-child(1) {
                display: block;
            }

            .i7 .dtbox dd .ddlt {
                width: 50%;
                float: left;
                text-align: left;
            }

            .i7 .dtbox dd .ddtt {
                height: 66px;
                font-size: 18px;
                line-height: 66px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
            }

            .i7 .dtbox dd img {
                display: block;
                width: 100%;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .i7 .dtbox dd span {
                display: inline-block;
                width: 100%;
                overflow: hidden;
            }

                .i7 .dtbox dd span:hover img {
                    transform: scale(1.05);
                    -webkit-transform: scale(1.05);
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

            .i7 .dtbox dd .ddct {
                line-height: 14px;
                height: 14px;
                color: #666;
                width: 90%;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
            }

            .i7 .dtbox dd .ddrt {
                width: 550px;
                float: right;
                text-align: left;
            }

                .i7 .dtbox dd .ddrt li {
                    padding: 25px 25px 20px; /* background: #2e3192; */
                    margin-bottom: 5px;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

                    .i7 .dtbox dd .ddrt li .lilt {
                        width: 400px;
                        float: left;
                    }

                    .i7 .dtbox dd .ddrt li .litt {
                        font-size: 16px;
                        line-height: 16px;
                        height: 16px;
                        width: 340px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 1;
                        -webkit-box-orient: vertical;
                    }

                    .i7 .dtbox dd .ddrt li .lict {
                        margin-top: 20px;
                        font-size: 12px;
                        color: #666;
                        line-height: 14px;
                        height: 14px;
                        width: 100%;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 1;
                        -webkit-box-orient: vertical;
                    }

                    .i7 .dtbox dd .ddrt li .lirt {
                        float: right;
                        font-size: 16px;
                        color: #999;
                        -webkit-transition: all .3s;
                        -moz-transition: all .3s;
                        transition: all .3s;
                    }

                    .i7 .dtbox dd .ddrt li.act {
                        background: #2e3192;
                        -webkit-transition: all .3s;
                        -moz-transition: all .3s;
                        transition: all .3s;
                    }

                        .i7 .dtbox dd .ddrt li.act div {
                            color: #fff;
                            -webkit-transition: all .3s;
                            -moz-transition: all .3s;
                            transition: all .3s;
                        }

                    .i7 .dtbox dd .ddrt li div {
                        -webkit-transition: all .3s;
                        -moz-transition: all .3s;
                        transition: all .3s;
                    }

                    .i7 .dtbox dd .ddrt li.act .lirt {
                        font-weight: bold;
                        -webkit-transition: all .3s;
                        -moz-transition: all .3s;
                        transition: all .3s;
                    }

.i8 {
    text-align: center;
    width: 1920px;
    height: 540px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}

    .i8 .i8lt {
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0;
        left: -100%;
    }

        .i8 .i8lt img, .i8 .i8rt img {
            display: block;
            width: 100%;
        }


    .i8 .i8rt {
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0;
        right: -100%;
        background: #000;
    }

    .i8 .box {
        opacity: 0;
    }

    .i8 .i8rt img {
        cursor: pointer;
        position: relative;
        z-index: 3;
    }

    .i8 .i8rt a {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 5;
    }

.in_tc {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(../images/h9.png) center no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    z-index: 1001;
}

    .in_tc .in_vd {
        width: 870px;
        position: relative;
        top: 50%;
        margin-top: -245px;
        left: 50%;
        margin-left: -435px;
    }

        .in_tc .in_vd video {
            width: 100%;
        }

        .in_tc .in_vd .rout {
            cursor: pointer;
            width: 50px;
            height: 50px;
            background: url(../images/out.png) center no-repeat;
            background-size: cover;
            position: absolute;
            right: -70px;
            top: 0px;
            z-index: 99;
        }


.i8 .tt {
    font-size: 36px;
    line-height: 36px;
    font-family: siyuan;
    padding-top: 80px;
    color: #fff;
}

.i8 .box {
    z-index: 4;
}

.i8 .en {
    color: #cbcbcb;
    font-size: 16px;
    line-height: 16px;
    margin-top: 20px;
    margin-bottom: 75px;
}

.i8 .iboxlt {
    width: 50%;
    float: left;
}

.i8 .iboxrt {
    width: 50%;
    float: right;
    position: relative;
}

.i8 .i8ct {
    width: 100%;
    margin-bottom: 50px;
}

    .i8 .i8ct span {
        margin: 0 25px;
        font-size: 24px;
        color: #ddd;
        padding: 10px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

        .i8 .i8ct span:hover {
            color: #2e3192;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

.i8 .num {
    font-size: 16px;
    font-weight: bold;
    color: #ddd;
    padding-top: 20px;
}

    .i8 .num span {
        font-size: 30px;
        color: #fff;
    }

.i8 video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.i9 {
    text-align: center;
}

    .i9 .tt {
        font-size: 36px;
        line-height: 36px;
        font-family: siyuan;
        padding-top: 80px;
    }

    .i9 .en {
        color: #cbcbcb;
        font-size: 16px;
        line-height: 16px;
        margin-top: 20px;
        padding-bottom: 215px;
    }

    .i9 dl {
        position: absolute;
        top: 700px;
        left: 0;
        width: 100%;
        opacity: 0;
    }

        .i9 dl dd {
            width: 24%;
            float: left;
            margin-right: 1%;
            text-align: left;
            background: #fff;
        }

            .i9 dl dd .img {
                display: block;
                width: 100%;
                height: 163px;
                overflow: hidden;
            }

                .i9 dl dd .img img {
                    display: block;
                    width: 100%;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

            .i9 dl dd:hover .img img {
                transform: scale(1.2);
                -webkit-transform: scale(1.2);
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .i9 dl dd .dtt {
                height: 55px;
                line-height: 55px;
                font-size: 18px;
                padding-left: 30px;
                font-weight: bold;
            }

            .i9 dl dd .xq {
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
                width: 72px;
                height: 25px;
                box-sizing: border-box;
                border: 1px solid #2e3192;
                border-radius: 3px;
                text-align: center;
                line-height: 25px;
                color: #2e3192;
                margin: 0 0 20px 30px;
            }

            .i9 dl dd:hover .xq {
                background: #2e3192;
                color: #fff;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }


.footer {
    padding: 80px 0 30px;
    background: #282828;
}

    .footer .ftlt {
        width: 220px;
        float: left;
    }

    .footer dl {
        width: 820px;
        float: left;
        margin-left: 20px;
    }

        .footer dl dd {
            width: 265px;
            text-align: center;
            border-right: 1px solid #363636;
            float: left;
            height: 130px;
        }


            .footer dl dd:nth-child(3) {
                border: none;
            }

            .footer dl dd div {
                font-size: 16px;
                color: #fff;
                line-height: 16px;
                margin-bottom: 23px;
            }

            .footer dl dd a {
                display: inline-block;
                width: 50%;
                float: left;
                font-size: 12px;
                color: #ddd;
                line-height: 30px;
            }

                .footer dl dd a:hover {
                    color: #2e3192;
                }

    .footer .flrt {
        width: 135px;
        float: right;
    }

        .footer .flrt .img a {
            display: inline-block;
            width: 33.33%;
            float: left;
            height: 35px;
        }

        .footer .flrt .img .a1 {
            background: url(../images/wx1.png)left top no-repeat;
        }

        .footer .flrt .img .a2 {
            background: url(../images/app1.png)center top no-repeat;
        }

        .footer .flrt .img .a3 {
            background: url(../images/qq1.png)right top no-repeat;
        }

        .footer .flrt .img .a1:hover {
            background: url(../images/wx2.png)left top no-repeat;
        }

        .footer .flrt .img .a2:hover {
            background: url(../images/app2.png)center top no-repeat;
        }

        .footer .flrt .img .a3:hover {
            background: url(../images/qq2.png)right top no-repeat;
        }

.footerct {
    padding-top: 175px;
}

.footer .ewm img {
    display: block;
}

.footer .lj {
    width: 135px;
    height: 20px;
    margin: 20px 0 30px;
    background: url(../images/lj.png)center no-repeat;
    cursor: pointer;
    position: relative;
}

    .footer .lj .lbox {
        position: absolute;
        top: 20px;
        left: 0;
        width: 100%;
        padding: 10px 0;
        background: #ddd;
        display: none;
        height: 40px;
        overflow: auto;
    }

        .footer .lj .lbox a {
            font-size: 12px;
            text-align: center;
            display: block;
            line-height: 20px;
        }

        .footer .lj .lbox::-webkit-scrollbar-thumb {
            background: transparent;
        }

        .footer .lj .lbox::-webkit-scrollbar-track {
            background: transparent;
        }

.footer_other {
    width: 100%;
    height: 40px;
    border-top: 1px solid #2e3192;
    background: #191919;
    line-height: 40px;
}

    .footer_other .flt a {
        display: inline-block;
        font-size: 12px;
        color: #666;
        line-height: 12px;
        border-right: 1px solid #666;
        width: 100px;
    }

    .footer_other .flt .a2 {
        width: 145px;
        text-align: center;
    }

    .footer_other .fct {
        display: inline-block;
        padding-left: 50px;
        color: #666;
        font-size: 12px;
    }

    .footer_other .frt {
        float: right;
        color: #666;
        font-size: 12px;
    }

        .footer_other .frt a {
            color: #666;
            font-size: 12px;
        }

.nav_right {
    position: fixed;
    width: 64px;
    height: 262px;
    right: 0;
    top: 50%;
    margin-top: -161px;
    z-index: 99;
}

    .nav_right dd {
        background: #fff;
        width: 64px;
        height: 64px;
        box-sizing: border-box;
        position: relative;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

        .nav_right dd .img {
            width: 25px;
            height: 25px;
        }

        .nav_right dd .txt {
            width: 100%;
            text-align: center;
            font-size: 12px;
            color: #2e3192;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

        .nav_right dd:nth-child(1) {
            background: #2e3192;
        }

            .nav_right dd:nth-child(1) .txt, .nav_right dd:nth-child(3) .txt {
                color: #fff;
            }

        .nav_right dd:nth-child(2) {
            background: #f5f5f5;
        }

        .nav_right dd:nth-child(3) {
            background: #444;
        }

        .nav_right dd:nth-child(5) {
            background: #000;
        }

        .nav_right dd:nth-child(1) .img {
            background: url(../images/r2_1.png) center no-repeat;
            background-size: 100%;
            margin: 0px auto;
            padding-top: 13px;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

        .nav_right dd:nth-child(2) .img {
            background: url(../images/r1.png) center no-repeat;
            background-size: 100%;
            margin: 0px auto;
            padding-top: 13px;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

        .nav_right dd:nth-child(3) .img {
            background: url(../images/r1_1.png) center no-repeat;
            background-size: 100%;
            margin: 0px auto;
            padding-top: 13px;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

        .nav_right dd:nth-child(5) .img {
            background: url(../images/r3_1.png) center no-repeat;
            background-size: 100%;
            margin: 0px auto;
            padding-top: 33px;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

        .nav_right dd:nth-child(4) .img {
            background: url(../images/r4_1.png) center no-repeat;
            background-size: 100%;
            margin: 0px auto;
            padding-top: 13px;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

        .nav_right dd:nth-child(1):hover .img {
            background: url(../images/r2_1.png) center no-repeat;
            background-size: 100%;
        }

        .nav_right dd:nth-child(2):hover .img {
            background: url(../images/qq2.png) center no-repeat;
            background-size: 100%;
        }

        .nav_right dd:nth-child(3):hover .img {
            background: url(../images/r1_1.png) center no-repeat;
            background-size: 100%;
        }

        .nav_right dd:nth-child(4):hover .img {
            background: url(../images/r4_2.png) center no-repeat;
            background-size: 100%;
        }

        .nav_right dd:nth-child(5):hover .img {
            background: url(../images/r3_1.png) center no-repeat;
            background-size: 100%;
        }

        .nav_right dd:hover {
            background: #2e3192;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

            .nav_right dd:hover .txt {
                color: #fff;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

        .nav_right dd .cont {
            position: absolute;
            top: 0px;
            right: -230px;
            width: 220px;
            background: #2e3192;
            z-index: 3;
            height: 64px;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

            .nav_right dd .cont .sp1 {
                width: 66px;
                height: 44px;
                background: url(../images/r2_1.png)top center no-repeat;
                border-right: 1px solid #fff;
                margin-top: 10px;
                display: inline-block;
                color: #fff;
                font-size: 12px;
                line-height: 70px;
                text-align: center;
            }

            .nav_right dd .cont .sp2 {
                width: 140px;
                float: right;
                display: inline-block;
                color: #fff;
                line-height: 64px;
                font-size: 18px;
                font-weight: bold;
            }

        .nav_right dd:hover .cont {
            right: -10px;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

.nav_mous {
    display: none;
}

/* 内容头部-公共 */

.c_b1 {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    text-align: center;
    position: relative;
}

    .c_b1 img {
        display: block;
        width: 100%;
    }

    .c_b1 .tt {
        font-size: 30px;
        font-weight: bold;
        color: #fff;
        position: absolute;
        left: 0;
        width: 100%;
        line-height: 30px;
        top: 155px;
    }

    .c_b1 .en {
        font-size: 50px;
        color: #fff;
        position: absolute;
        left: 0;
        top: 220px;
        opacity: .3;
        line-height: 50px;
        width: 100%;
        font-weight: bold;
    }

    .c_b1 .xian {
        width: 26px;
        height: 2px;
        background: #fff;
        position: absolute;
        top: 280px;
        left: 50%;
        margin-left: -13px;
    }

/* 智慧工厂 */

.fa1 {
    padding: 90px 0 100px;
}

    .fa1 .flt {
        width: 190px;
        float: left;
        border: 1px solid #ddd;
        box-sizing: border-box;
        text-align: center;
        border-bottom: none;
    }

        .fa1 .flt dt {
            height: 80px;
            line-height: 80px;
            color: #fff;
            font-size: 24px;
            background: #3c3938;
        }

        .fa1 .flt dd {
        }

            .fa1 .flt dd div {
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
                cursor: pointer;
                height: 50px;
                border-bottom: 1px solid #ddd;
                line-height: 50px;
                font-size: 16px;
                color: #666;
                background: url(../images/fj1.png) 155px center no-repeat;
            }

            .fa1 .flt dd a {
                text-align: left;
                padding-left: 10px;
                display: block;
                width: 100%;
                height: 34px;
                line-height: 34px;
                background: #f7f7f7;
                border-bottom: 1px solid #ddd;
                box-sizing: border-box;
            }

        .fa1 .flt .sbox {
            display: none;
            width: 100%;
        }

        .fa1 .flt dd a span {
            color: #999;
            display: inline-block;
            padding-left: 15px;
            background: url(../images/fj3.png)center left no-repeat;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

        .fa1 .flt dd a:hover span, .fa1 .flt dd a.act span {
            color: #c00;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

        .fa1 .flt dd div:hover {
            color: #000;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

        .fa1 .flt dd.act div {
            background: #2e3192 url(../images/fj2.png) 155px center no-repeat;
            color: #fff;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

    .fa1 .frt {
        width: 960px;
        float: right;
        border-left: 1px solid #ddd;
        padding-bottom: 60px;
        box-sizing: border-box;
        padding-left: 50px;
    }

        .fa1 .frt .tt {
            text-align: center;
            padding-bottom: 70px;
        }

            .fa1 .frt .tt span {
                padding: 0 0 0 20px;
                display: inline-block;
                line-height: 32px;
                font-size: 32px;
                color: #333;
                font-weight: bold;
                border-left: 5px solid #2e3192;
            }

        .fa1 .frt .tt2 {
            font-size: 24px;
            line-height: 24px;
            color: #2e3192;
        }

        .fa1 .frt img {
            max-width: 910px;
        }

/* 在线申请 */

.on1 {
    width: 1200px;
    margin: 50px auto;
    height: 80px;
    line-height: 80px;
    background: url(../images/on1.png)center no-repeat;
    background-size: cover;
    font-size: 18px;
    color: #fff;
    box-sizing: border-box;
    padding: 0 20px;
}

    .on1 div {
        display: inline-block;
        float: right;
        color: #fff;
    }

        .on1 div span {
            font-size: 20px;
            font-weight: bold;
            color: #fff;
        }

.on2 {
    padding-bottom: 70px;
}

    .on2 .olt {
        width: 500px;
        float: left;
    }

    .on2 .img {
        position: relative;
    }

    .on2 img {
        display: block;
        width: 100%;
    }

    .on2 .obox {
        width: 410px;
        height: 174px;
        background: url(../images/on3.png);
        position: absolute;
        top: 42px;
        left: 42px;
        text-align: center;
    }

        .on2 .obox .tt {
            font-size: 32px;
            line-height: 32px;
            margin-top: 60px;
        }

        .on2 .obox .ct {
            font-size: 20px;
            color: #bcbcbc;
            line-height: 30px;
        }

    .on2 .olt .t1 {
        font-size: 18px;
        margin-top: 30px;
        line-height: 18px;
    }

    .on2 .olt .tc1 span {
        display: block;
        width: 50%;
        float: left;
        margin-top: 20px;
        line-height: 14px;
    }

    .on2 .olt .to1 {
        color: #2e3192;
        font-size: 16px;
        line-height: 16px;
        margin-top: 50px;
    }

    .on2 .ort {
        width: 675px;
        float: right;
        box-sizing: border-box;
        border: 1px solid #ddd;
        height: 500px;
    }

    .on2 .ort_tp a {
        display: block;
        width: 33.33%;
        float: left;
        text-align: center;
        height: 55px;
        line-height: 55px;
        box-sizing: border-box;
        border-right: 1px solid #fff;
        background: #6f6f6f;
        color: #fff;
        font-size: 16px;
    }

        .on2 .ort_tp a.act {
            background: #2e3192;
        }

        .on2 .ort_tp a:hover {
            background: #f00;
        }

    .on2 .ort_bt {
        padding-top: 35px;
    }

        .on2 .ort_bt li {
            display: none;
        }

            .on2 .ort_bt li:nth-child(1) {
                display: block;
            }

            .on2 .ort_bt li .l1 {
                width: 530px;
                height: 40px;
                border: 1px solid #ddd;
                border-radius: 5px;
                margin: 0px 0 15px 75px;
                box-sizing: border-box;
                padding-left: 50px;
                line-height: 40px;
                background: url(../images/on4.png)center left no-repeat;
            }

                .on2 .ort_bt li .l1 input {
                    border: none;
                    box-shadow: none;
                    width: 100%;
                    height:;
                    outline: none;
                    border-left: 1px solid #ddd;
                    box-sizing: border-box;
                    padding-left: 10px;
                }

            .on2 .ort_bt li .l2 {
                background: url(../images/on5.png)center left no-repeat;
            }

            .on2 .ort_bt li .l3 {
                background: url(../images/on6.png)center left no-repeat;
            }

            .on2 .ort_bt li .l4 {
                background: url(../images/on7.png)center left no-repeat;
            }

            .on2 .ort_bt li .l5 {
                background: url(../images/on8.png)center left no-repeat;
            }

            .on2 .ort_bt li .l6 {
                font-size: 12px;
                color: #2e3192;
                width: 530px;
                margin: 0 0 0 75px;
                line-height: 40px;
            }

            .on2 .ort_bt li .tj {
                display: block;
                width: 224px;
                height: 55px;
                text-align: center;
                line-height: 55px;
                background: #2e3192;
                color: #fff;
                border-radius: 5px;
                margin: 20px auto;
                font-size: 16px;
            }

                .on2 .ort_bt li .tj:hover {
                    background: #f00;
                }

            .on2 .ort_bt li .l2_1 {
                width: 560px;
                margin: 40px 0 0 75px;
                padding: 30px 0;
                box-sizing: border-box;
                padding-left: 100px;
                background: url(../images/on9.png)left center no-repeat;
            }

                .on2 .ort_bt li .l2_1 .en {
                    line-height: 14px;
                    margin-bottom: 20px;
                }

                .on2 .ort_bt li .l2_1 .xq {
                    font-size: 18px;
                    line-height: 18px;
                    margin-bottom: 10px;
                }

                    .on2 .ort_bt li .l2_1 .xq span {
                        font-size: 18px;
                        font-weight: bold;
                    }

            .on2 .ort_bt li .l2_2 {
                margin: 0 0 0 75px;
                background: url(../images/on10.png)left center no-repeat;
                border-top: 2px dotted #ddd;
            }

            .on2 .ort_bt li .l2_2 {
                background: url(../images/on10.png)left center no-repeat;
            }

            .on2 .ort_bt li .l3_1 {
                background: url(../images/on11.png)left center no-repeat;
            }

            .on2 .ort_bt li .l3_2 {
                background: url(../images/on12.png)left center no-repeat;
            }

            .on2 .ort_bt li .l2_1 .xq a {
                display: inline-block;
                width: 90px;
                height: 30px;
                background: #2e3192;
                color: #fff;
                text-align: center;
                line-height: 30px;
                border-radius: 5px;
            }





/* 新闻 */

.ne1 {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    height: 660px;
    font-family: siyuan;
}

    .ne1 .pimg {
        display: block;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .ne1 .tt {
        font-size: 24px;
        color: #fff;
        padding-top: 155px;
        font-weight: bold;
    }

    .ne1 .en {
        font-size: 12px;
        line-height: 12px;
        color: #bbb;
        margin-top: 15px;
    }

    .ne1 .n1 {
        width: 100%;
        height: 303px;
        margin-top: 50px;
        border: 1px solid #b6b8b4;
        box-sizing: border-box;
    }

        .ne1 .n1 a {
            display: block;
            width: 100%;
        }


        .ne1 .n1 .slt {
            width: 50%;
            float: left;
            border-right: 1px solid #efefef;
            box-sizing: border-box;
            float: left;
            overflow: hidden;
        }

            .ne1 .n1 .slt img {
                transform: scale(1.01);
                -webkit-transform: scale(1.01);
                display: block;
                width: 100%;
                height: 100%;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

        .ne1 .n1 .srt {
            width: 445px;
            float: right;
            margin-right: 90px;
            text-align: left;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

            .ne1 .n1 .srt .day {
                font-size: 18px;
                color: #666;
                line-height: 18px;
                margin-top: 30px;
            }

            .ne1 .n1 .srt .stt {
                font-size: 20px;
                margin: 20px 0;
                max-height: 48px;
                overflow: hidden;
                line-height: 24px;
            }

            .ne1 .n1 .srt .sct {
                font-size: 12px;
                color: #999;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
            }

            .ne1 .n1 .srt .move {
                margin: 40px 0 0 0;
            }

        .ne1 .n1 a:hover .srt {
            margin-right: 100px;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

        .ne1 .n1 a:hover .slt img {
            transform: scale(1.08);
            -webkit-transform: scale(1.08);
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            transition: all .5s;
        }

        .ne1 .n1 .swiper-pagination_n1 {
            text-align: right;
            padding-right: 50px;
            box-sizing: border-box;
            bottom: 30px;
        }

            .ne1 .n1 .swiper-pagination_n1 span {
                width: 15px;
                height: 15px;
                background: #eee;
                opacity: 1;
            }

            .ne1 .n1 .swiper-pagination_n1 .swiper-pagination-bullet-active {
                background: #2e3192;
            }

.neav {
    width: 1200px;
    margin: 0 auto;
    line-height: 40px;
    color: #666;
    height: 60px;
}

    .neav a {
        color: #666;
    }

        .neav a:hover {
            color: #2e3192;
        }

.ne2 {
    width: 1200px;
    margin: 0 auto;
    line-height: 40px;
}

    .ne2 span {
        display: inline-block;
        font-size: 24px;
        border-left: 5px solid #2e3192;
        padding-left: 20px;
    }

    .ne2 div {
        float: right;
        width: 660px;
    }

        .ne2 div a {
            display: block;
            float: left;
            width: 110px;
            height: 40px;
            text-align: center;
            font-size: 16px;
            color: #666;
            margin-right: 26px;
        }

            .ne2 div a:nth-child(5) {
                margin-right: 0;
            }

            .ne2 div a.act, .ne2 div a:hover {
                background: #2e3192;
                color: #fff;
            }

.ne3 {
    padding: 50px 0 0;
}

    .ne3 dd {
        box-sizing: border-box;
        background: #fff;
        padding: 40px 0 40px 35px;
        margin-bottom: 45px;
    }

        .ne3 dd .dlt {
            width: 414px;
            float: left;
            overflow: hidden;
        }

            .ne3 dd .dlt img {
                display: block;
                width: 100%;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

        .ne3 dd .drt {
            width: 585px;
            float: left;
            margin-left: 55px;
        }

        .ne3 dd:hover .dlt img {
            transform: scale(1.08);
            -webkit-transform: scale(1.08);
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            transition: all .5s;
        }

        .ne3 dd:hover .drt {
            margin-left: 45px;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

        .ne3 dd div {
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

        .ne3 dd .drt .day {
            font-size: 18px;
            line-height: 18px;
            color: #666;
            padding-top: 15px;
        }

        .ne3 dd .drt .dtt {
            font-size: 22px;
            line-height: 24px;
            margin: 15px 0;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }

        .ne3 dd .drt .dct {
            color: #999;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            padding-bottom: 0px;
            border-bottom: 1px dotted #ccc;
        }

        .ne3 dd .drt .move {
            margin: 20px 0 0 0;
        }

        .ne3 dd:hover .drt .dtt {
            color: #2e3192;
        }



/* lb1 lbs3 */

.lb1 {
    font-size: 16px;
}

.lb2 {
    font-size: 18px;
}

.lb3 {
    font-size: 20px;
}

.lb4 {
    font-size: 12px;
}

.lbs1 {
    color: #710030;
}

.lbs2 {
    color: #f00;
}


.lbs3 {
    color: #000;
}

.lbs1 {
    color: green;
}





/*分页*/

.page1 {
    height: 50px;
    margin-bottom: 75px;
}

    .page1 span a {
        color: #000;
        padding: 10px 17px;
        text-decoration: none;
        background: #fff;
        display: block;
    }

        .page1 span a:hover {
            color: #fff;
            background: #2e3192;
        }

    .page1 span {
        margin: 0px 5px 0 0;
        display: block;
        float: left;
    }

        .page1 span.current a {
            color: #fff;
            background: #2e3192;
        }

        .page1 span:last-child {
            float: right;
        }

.page3 span a {
    color: #000;
    padding: 10px 17px;
    text-decoration: none;
    background: #ddd;
    display: block;
}

/* 新闻详情 */

.nec1 {
    padding: 100px 0 0;
    position: relative;
}

    .nec1 .nclt {
        width: 850px;
        float: left;
    }

    .nec1 .nclt_de {
        width: 100%;
    }

    .nec1 .nclt .tt {
        font-size: 24px;
    }

    .nec1 .nclt .tc {
        padding: 30px 0 20px;
    }

        .nec1 .nclt .tc a {
            display: inline-block;
            margin-right: 35px;
            font-size: 18px;
            font-weight: bold;
            line-height: 18px;
            color: #2e3192;
        }

            .nec1 .nclt .tc a:hover {
                color: #f00;
            }

    .nec1 .nclt .day {
        line-height: 14px;
        color: #666;
    }

        .nec1 .nclt .day .otrt {
            float: right;
            width: 160px;
        }

            .nec1 .nclt .day .otrt .fx {
                float: left;
            }

            .nec1 .nclt .day .otrt .bdsharebuttonbox {
                float: right;
            }

            .nec1 .nclt .day .otrt .bdshare-button-style0-16 a {
                margin: 0 0 0 6px;
            }

    .nec1 .nclt .ncont {
        padding: 45px 0 0;
        text-align: justify;
        font-size: 12px;
        color: #666;
    }

        .nec1 .nclt .ncont img {
            max-width: 850px;
            display: block;
            margin: 20px auto;
        }

    .nec1 .nclt .da {
        text-align: left;
        position: relative;
        padding: 50px 0;
    }


        .nec1 .nclt .da a {
            display: block;
            margin-bottom: 10px;
            font-size: 16px;
        }

        .nec1 .nclt .da .fh {
            position: absolute;
            width: 120px;
            height: 40px;
            background:;
            top: 50px;
            right: 0;
            border-radius: 5px;
            line-height: 40px;
            text-align: center;
            background: #c00;
            color: #fff;
        }

        .nec1 .nclt .da a:hover {
            color: #2e3192;
        }

        .nec1 .nclt .da .fh:hover {
            right: 5px;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
            color: #fff;
            background: #f00;
        }

    .nec1 .ncrt {
        width: 300px;
        height: calc(100vh + 164px);
        padding: 85px 43px 0;
        background: #f1f1f1;
        float: right;
        box-sizing: border-box;
    }

        .nec1 .ncrt .tt {
            font-size: 18px;
            line-height: 18px;
            margin-bottom: 20px;
        }

        .nec1 .ncrt .tc {
            width: 100%;
            height: 110px;
            overflow: hidden;
            padding: 5px 0;
            margin-bottom: 20px;
        }

            .nec1 .ncrt .tc a {
                display: inline-block;
                padding-right: 5px;
            }

                .nec1 .ncrt .tc a:hover {
                    color: #2e3192 !important;
                }

        .nec1 .ncrt .nci1 {
            background: none;
            height: auto;
            padding-bottom: 30px;
        }

            .nec1 .ncrt .nci1 .swiper-slide {
                background: none;
                text-align: justify;
            }

            .nec1 .ncrt .nci1 .img, .nec1 .ncrt .nci1 .img img {
                display: block;
                width: 100%;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
                overflow: hidden;
            }

            .nec1 .ncrt .nci1 .swiper-slide:hover img {
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
                -webkit-transform: scale(1.05);
                transform: scale(1.05);
            }

            .nec1 .ncrt .nci1 .ct {
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
                font-size: 12px;
                color: #666;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 5;
                -webkit-box-orient: vertical;
            }

            .nec1 .ncrt .nci1 .txt {
                padding: 5px 0 10px;
            }

            .nec1 .ncrt .nci1 .swiper-nci1 {
                bottom: 0;
                text-align: right;
            }

                .nec1 .ncrt .nci1 .swiper-nci1 .swiper-pagination-bullet-active {
                    background: #2e3192;
                }

            .nec1 .ncrt .nci1 .swiper-slide:hover .ct {
                color: #2e3192;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

    /* 标签 */

    .nec1 .nclt2 .tc {
        padding: 0 0 60px;
    }

    .nec1 .nclt2 dl {
    }


        .nec1 .nclt2 dl dd {
            padding: 0 0 30px 0;
            border-bottom: 1px dotted #999;
            margin-bottom: 30px;
        }

            .nec1 .nclt2 dl dd .dtt {
                height: 26px;
                font-size: 24px;
                line-height: 26px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
            }

            .nec1 .nclt2 dl dd .dct {
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
                color: #999;
                padding: 15px 0 0;
                margin-bottom: 20px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
            }

                .nec1 .nclt2 dl dd .dct:hover {
                    color: #2e3192;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

            .nec1 .nclt2 dl dd .dbq {
                color: #666;
            }

                .nec1 .nclt2 dl dd .dbq a {
                    display: inline-block;
                    color: #333;
                    padding-right: 20px;
                }

                    .nec1 .nclt2 dl dd .dbq a:hover, .nec1 .nclt2 dl dd .dbq a.act {
                        color: #2e3192;
                    }

/* 网站地图 */

.map {
    padding: 55px 0;
}

    .map .map1 {
        font-size: 22px;
        color: #2e3192;
        line-height: 22px;
        margin-bottom: 40px;
    }

    .map .mtt {
        padding-top: 10px;
        height: 50px;
        line-height: 50px;
        border-bottom: 1px dotted #999;
        margin-bottom: 30px;
    }

        .map .mtt span {
            display: inline-block;
            padding-left: 15px;
            border-left: 5px solid #df0010;
            font-size: 20px;
            height: 20px;
            line-height: 20px;
        }

    .map dl {
        padding-top: 10px;
    }

        .map dl dt {
            font-size: 16px;
            line-height: 16px;
            color: #2e3192;
            margin-bottom: 30px;
        }

        .map dl dd {
            width: 20%;
            float: left;
            line-height: 14px;
            margin-bottom: 30px;
        }

            .map dl dd a {
                display: block;
                color: #666;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

                .map dl dd a:hover {
                    color: #f00;
                    padding-left: 10px;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

/* 投资者关系 */

.inv1 {
    padding: 100px 0 0;
}

    .inv1 dl {
        display: none;
        margin-bottom: 50px;
    }

        .inv1 dl dt {
            font-size: 24px;
            line-height: 24px;
            padding-left: 15px;
            border-left: 5px solid #2e3192;
            margin-bottom: 50px;
        }

        .inv1 dl .container1 {
            height: 320px;
            overflow: hidden;
        }

        .inv1 dl .div_scroll {
            height: 320px;
        }

        .inv1 dl dd {
            border-bottom: 1px solid #ddd;
            position: relative;
            z-index: 2;
        }

            .inv1 dl dd .dlt {
                display: block;
                color: #999;
                float: left;
                padding: 8px 0 8px 20px;
                background: url(../images/d4.png)center left no-repeat;
                min-height: 26px;
                line-height: 26px;
            }

            .inv1 dl dd .drt {
                z-index: -1;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
                width: 46px;
                height: 46px;
                display: block;
                position: absolute;
                right: 3%;
                bottom: 0px;
            }

                .inv1 dl dd .drt img {
                    display: block;
                    width: 100%;
                }

            .inv1 dl dd:hover .drt {
                right: 2%;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

    .inv1 .box .btn {
        text-align: right;
        margin-bottom: 30px;
    }

    .inv1 .btn a {
        padding: 15px 30px;
        margin-left: 50px;
        background: #f8f8f8;
        font-size: 18px;
        cursor: pointer;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        display: inline-block;
    }

        .inv1 .btn a:hover, .inv1 .btn a.act {
            background: #2e3192;
            color: #fff;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

    .inv1 .dlbox dl:nth-child(1) {
        display: block;
    }

/* 体验中心 */

.ex1 {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}

    .ex1 img {
        display: block;
        width: 100%;
    }

    .ex1 .exbox {
        width: 1200px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -600px;
    }

        .ex1 .exbox .xian {
            width: 25px;
            height: 3px;
            background: #fff;
            margin-top: 90px;
        }

        .ex1 .exbox .tt {
            font-size: 36px;
            font-weight: bold;
            color: #fff;
            line-height: 60px;
            padding: 20px 0;
        }

        .ex1 .exbox .move {
            margin: 0;
            border-radius: 0;
        }

            .ex1 .exbox .move:hover {
                border-radius: 5px;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

        .ex1 .exbox .ct {
            padding-top: 50px;
        }

            .ex1 .exbox .ct a {
                display: inline-block;
                margin-right: 10px;
                color: #fff;
            }

                .ex1 .exbox .ct a:hover {
                    color: #2e3192;
                }

.ex2 {
    width: 100%;
    background: url(../images/ex2.png)center no-repeat;
    background-size: cover;
    height: 750px;
    text-align: center;
}

    .ex2 .tt {
        padding: 50px 0 40px;
    }

        .ex2 .tt span {
            display: inline-block;
            padding-left: 15px;
            border-left: 5px solid #2e3192;
            font-size: 24px;
        }

    .ex2 .ct {
        width: 900px;
        height: 520px;
        box-sizing: border-box;
        background: #fff;
        margin: 0 auto;
        padding: 15px;
        position: relative;
        box-shadow: -5px 0 5px #ddd, 5px 0 5px #ddd, 0 -5px 5px #ddd, 0 5px 5px #ddd;
        -webkit-box-shadow: -5px 0 5px #ddd, 5px 0 5px #ddd, 0 -5px 5px #ddd, 0 5px 5px #ddd;
        -moz-box-shadow: -5px 0 5px #ddd, 5px 0 5px #ddd, 0 -5px 5px #ddd, 0 5px 5px #ddd;
    }

        .ex2 .ct .img, .ex2 .ct .img img, .ex2 .ct .ctbox .cimg img {
            display: block;
            width: 100%;
            overflow: hidden;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

        .ex2 .ct .ctbox {
            position: absolute;
            width: 870px;
            height: 490px;
            top: 15px;
            left: 15px;
            background: url(../images/ex4.png)center;
            box-sizing: border-box;
        }

            .ex2 .ct .ctbox .cimg {
                margin: 175px auto 25px;
                width: 101px;
                height: 101px;
                cursor: pointer;
            }

            .ex2 .ct .ctbox .ctxt {
                color: #fff;
                line-height: 16px;
                line-height: 16px;
            }

        .ex2 .ct:hover .img img {
            transform: scale(1.05);
            -webkit-transform: scale(1.05);
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            transition: all .5s;
        }

        .ex2 .ct .ctbox .cimg img {
            transform: scale(1.05);
            -webkit-transform: scale(1.05);
        }

        .ex2 .ct:hover .ctbox .cimg img {
            transform: scale(1);
            -webkit-transform: scale(1);
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            transition: all .5s;
        }

        .ex2 .ct .ctbox video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #000;
            display: none;
        }

        .ex2 .ct .ctbox .vout {
            display: none;
            cursor: pointer;
            width: 51px;
            height: 51px;
            position: absolute;
            top: -15px;
            right: -85px;
            background: url(../images/ex6.png) center no-repeat;
            background-size: 100%;
        }

.ex3 {
    width: 100%;
    height: 600px;
    background: url(../images/ex7.png)center no-repeat;
    text-align: center;
}

    .ex3 .tt {
        padding: 100px 0 30px;
    }

        .ex3 .tt span {
            display: inline-block;
            padding-left: 15px;
            border-left: 5px solid #2e3192;
            font-size: 24px;
            color: #fff;
        }

    .ex3 .ct {
        font-size: 18px;
        line-height: 18px;
        color: #fff;
    }

    .ex3 dl {
        width: 990px;
        margin: 35px auto 0;
    }

        .ex3 dl dd {
            transform: rotateY(90deg);
            -webkit-transform: rotateY(90deg);
            width: 200px;
            overflow: hidden;
            float: left;
            box-sizing: border-box;
            background: #fff;
            border-radius: 10px;
            margin-right: 63px;
            -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .5);
        }

            .ex3 dl dd.act {
                transform: rotateY(0deg);
                -webkit-transform: rotateY(0deg);
                -webkit-transition: all .8s;
                -moz-transition: all .8s;
                transition: all .8s;
            }

            .ex3 dl dd:nth-child(4) {
                margin-right: 0;
            }

            .ex3 dl dd div {
                width: 76.5%;
                margin: 0 auto;
                overflow: hidden;
            }

            .ex3 dl dd .img img {
                width: 100%;
                display: block;
                overflow: hidden;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .ex3 dl dd:hover .img img {
                transform: scale(.98);
                -webkit-transform: scale(.98);
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .ex3 dl dd .img {
                margin: 45px auto;
            }

            .ex3 dl dd .dtt {
                font-size: 16px;
                line-height: 16px;
                height: 75px;
                border-bottom: 1px solid #ddd;
            }

            .ex3 dl dd .ddj {
                width: 90px;
                height: 30px;
                border: 1px solid #ddd;
                border-radius: 5px;
                line-height: 30px;
                box-sizing: border-box;
                margin: 15px auto 25px;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .ex3 dl dd:hover .ddj {
                color: #fff;
                background: #2e3192;
                border: 1px solid #2e3192;
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                transition: all .5s;
            }

.ex4 {
    width: 100%;
    height: 745px;
    text-align: center;
}

    .ex4 .tt {
        padding: 100px 0 50px;
    }

        .ex4 .tt span {
            display: inline-block;
            padding-left: 15px;
            border-left: 5px solid #2e3192;
            font-size: 24px;
        }

    .ex4 dl {
        width: 1139px;
        margin: 0 auto;
    }

        .ex4 dl dd {
            width: 362px;
            box-sizing: border-box;
            border: 1px solid #ddd;
            overflow: hidden;
            height: 520px;
            float: left;
            margin-right: 25px;
        }

            .ex4 dl dd:nth-child(3) {
                margin-right: 0;
            }

            .ex4 dl dd .img {
                width: 100%;
                overflow: hidden;
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                transition: all .5s;
                height: 396px;
            }

                .ex4 dl dd .img img {
                    display: block;
                    width: 100%;
                }

            .ex4 dl dd .dtt {
                font-size: 18px;
                font-weight: bold;
                color: #444;
                margin: 35px auto 15px;
                line-height: 18px;
            }

            .ex4 dl dd .dct {
                color: #666;
            }

            .ex4 dl dd .move {
                border-radius: 0;
                margin: 34px auto 0;
            }

            .ex4 dl dd:hover .img {
                height: 310px;
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                transition: all .5s;
            }

            .ex4 dl dd .move:hover {
                border-radius: 5px;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

.ex5 {
    width: 100%;
    height: 680px;
    background: url(../images/ex15.png)center;
}

    .ex5 .exbox {
        width: 995px;
        height: 680px;
        margin: 0 auto;
        background: url(../images/ex16.png)center no-repeat;
    }

.eb_cont {
    width: 455px;
    margin: 0px auto;
    padding-top: 80px;
    text-align: center;
}

.ex5 .tt span {
    display: inline-block;
    padding-left: 15px;
    border-left: 5px solid #2e3192;
    font-size: 24px;
}

.ex5 .ct {
    font-size: 16px;
    line-height: 16px;
    color: #444;
    padding: 35px 0 30px;
}

.ex5 .td1 {
    margin-bottom: 10px;
}

    .ex5 .td1 span {
        width: 100px;
        float: left;
        font-size: 12px;
        line-height: 12px;
        text-align: right;
    }

    .ex5 .td1 input {
        width: 320px;
        float: left;
        height: 35px;
        border: none;
        box-shadow: none;
        -webkit-box-shadow: none;
        background: #ededed;
        outline: none;
    }

    .ex5 .td1 textarea {
        width: 320px;
        float: left;
        height: 75px;
        border: none;
        background: #ededed;
        outline: none;
        resize: none;
    }

.ex5 .td2 {
    padding-top: 20px;
}

    .ex5 .td2 img {
        width: 125px;
        float: left;
        display: block;
    }

    .ex5 .td2 .trt {
        float: right;
        width: 305px;
        text-align: left;
        padding-top: 10px;
    }

        .ex5 .td2 .trt .t1 {
            font-weight: bold;
            color: #444;
            line-height: 14px;
        }

        .ex5 .td2 .trt .t2 {
            font-size: 16px;
            font-weight: bold;
            color: #2e3192;
            line-height: 16px;
            padding: 10px 0 20px;
        }

        .ex5 .td2 .trt .t3 {
            font-size: 12px;
            color: #444;
        }

.ex5 .eb_cont .tj {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    width: 115px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #2e3192;
    color: #fff;
    font-size: 18px;
    display: block;
    margin: 30px auto 0;
}

    .ex5 .eb_cont .tj:hover {
        border-radius: 5px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

/* 搜索 */

.se1 {
    position: relative;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
}

    .se1 img {
        display: block;
        width: 100%;
    }

    .se1 .sbox {
        position: absolute;
        top: 0;
        left: 50%;
        width: 1200px;
        margin-left: -600px;
    }

        .se1 .sbox .tt {
            font-size: 24px;
            color: #fff;
            margin: 70px 0 15px;
        }

        .se1 .sbox .ctss {
            width: 750px;
            height: 55px;
            border-radius: 30px;
            box-sizing: border-box;
            padding-left: 55px;
            background: #fff url(../images/se2.png)center left no-repeat;
            float: left;
        }

            .se1 .sbox .ctss input {
                display: block;
                width: 100%;
                height: 100%;
                border: none;
                border-radius: 30px;
                outline: none;
            }

        .se1 .sbox .ctas {
            margin-top: 5px;
            margin-right: 50px;
            display: block;
            width: 120px;
            height: 40px;
            background: #3c3938;
            color: #fff;
            border: 1px solid #ddd;
            text-align: center;
            line-height: 40px;
            float: right;
            border-radius: 5px;
            font-size: 16px;
        }

        .se1 .sbox .ctfs {
            margin-top: 5px;
            display: block;
            width: 120px;
            height: 40px;
            background: #3c3938;
            color: #fff;
            border: 1px solid #ddd;
            text-align: center;
            line-height: 40px;
            float: right;
            border-radius: 5px;
            font-size: 16px;
        }

        .se1 .sbox a:hover {
            background: #2e3192;
        }

.se2 {
    padding:;
}

    .se2 a.act {
        color: #2e3192;
    }

    .se2 .tt {
        padding: 30px 0 15px;
        border-bottom: 1px solid #ddd;
    }

        .se2 .tt a {
            display: inline-block;
            margin-right: 30px;
        }

            .se2 .tt a span {
                font-size: 12px;
                color: #999;
            }

            .se2 .tt a:hover {
                color: #2e3192;
            }

    .se2 dl {
        padding-top: 50px;
    }

        .se2 dl dd {
            margin-bottom: 50px;
        }

            .se2 dl dd .img {
                width: 225px;
                float: left;
                overflow: hidden;
            }

                .se2 dl dd .img img {
                    display: block;
                    width: 100%;
                    transform: scale(1);
                    -webkit-transform: scale(1);
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

            .se2 dl dd:hover .img img {
                transform: scale(1.05);
                -webkit-transform: scale(1.05);
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                transition: all .5s;
            }

            .se2 dl dd .drt {
                width: 945px;
                float: right;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

                .se2 dl dd .drt .dtt {
                    font-weight: bold;
                }

                .se2 dl dd .drt .day {
                    font-size: 12px;
                    color: #666;
                    line-height: 12px;
                    padding: 8px 0;
                }

                .se2 dl dd .drt .dct {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    font-size: 12px;
                    color: #666;
                }

                .se2 dl dd .drt .move {
                    margin: 15px 0 0;
                }

            .se2 dl dd:hover .drt {
                margin-right: 5px;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

.sn1 {
    padding: 160px 0 200px;
}

    .sn1 .slt {
        width: 600px;
        float: left;
    }

        .sn1 .slt img {
            display: block;
            width: 225px;
            margin-left: 250px;
        }

    .sn1 .srt {
        width: 355px;
        float: left;
    }

        .sn1 .srt .t1 {
            font-size: 26px;
            line-height: 26px;
            color: #2e3192;
            padding-top: 20px;
        }

        .sn1 .srt .t2 {
            line-height: 14px;
            padding: 30px 0 20px;
        }

        .sn1 .srt .t3 {
            line-height: 14px;
        }

            .sn1 .srt .t3 a {
                line-height: 18px;
                color: #999;
                display: inline-block;
                margin-right: 20px;
            }

                .sn1 .srt .t3 a:hover {
                    color: #2e3192;
                }

        .sn1 .srt .t4 {
            padding-top: 15px;
        }

            .sn1 .srt .t4 div {
                width: 280px;
                float: left;
                height: 28px;
                box-sizing: border-box;
                border: 1px solid #ddd;
                padding-left: 36px;
                background: url(../images/sn2.png)left center no-repeat;
            }

                .sn1 .srt .t4 div input {
                    display: block;
                    width: 100%;
                    height: 100%;
                    border: none;
                    box-shadow: none;
                    -webkit-box-shadow: none;
                    outline: none;
                }

            .sn1 .srt .t4 a {
                display: block;
                width: 60px;
                height: 26px;
                float: right;
                background: #2e3192;
                color: #fff;
                text-align: center;
                line-height: 26px;
            }

                .sn1 .srt .t4 a:hover {
                    border-radius: 20px;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

        .sn1 .srt .tfh {
            width: 90px;
            height: 34px;
            text-align: center;
            line-height: 34px;
            background: #3c3938;
            color: #fff;
            margin: 30px 0 0;
            display: block;
            font-size: 16px;
        }

            .sn1 .srt .tfh:hover {
                border-radius: 30px;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
                background: #2e3192;
            }

/* 如何选型 */

.le1 {
    width: 100%;
    background: url(../images/le2.png)center;
    text-align: center;
    padding: 40px 0 25px;
    background-size: cover;
}

    .le1 div {
        line-height: 18px;
        font-size: 18px;
        color: #fff;
        padding-bottom: 10px;
    }

.le2 {
    padding: 85px 0 100px;
}

    .le2 .tt {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .le2 .tt1 {
        font-size: 18px;
        line-height: 18px;
        font-weight: bold;
        padding: 30px 0 25px;
    }

    .le2 .ct {
        line-height: 14px;
        font-size: 14px;
        color: #666;
        padding-bottom: 25px;
    }

    .le2 .ct1 {
        line-height: 16px;
        padding-bottom: 10px;
        color: #2e3192;
    }

    .le2 .ct2 {
        line-height: 14px;
        font-size: 14px;
        color: #666;
        padding-bottom: 10px;
    }

    .le2 .xian {
        width: 100%;
        height: 1px;
        background: #ddd;
        margin: 40px 0 50px;
    }

    .le2 dl {
        padding-top: 60px;
    }

        .le2 dl dd {
            width: 160px;
            float: left;
            margin-right: 100px;
        }

            .le2 dl dd .dt {
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
                box-sizing: border-box;
                width: 160px;
                height: 160px;
                border: 1px solid #2e3192;
                border-radius: 50%;
                color: #2e3192;
                line-height: 160px;
                text-align: center;
                font-size: 18px;
                font-weight: bold;
            }

            .le2 dl dd .dc {
                width: 120px;
                margin: 20px auto;
                height: 62px;
                overflow: hidden;
            }

            .le2 dl dd:nth-child(5n) {
                margin-right: 0;
            }

            .le2 dl dd:nth-child(2) .dt, .le2 dl dd:nth-child(3) .dt, .le2 dl dd:nth-child(8) .dt, .le2 dl dd:nth-child(10) .dt {
                line-height: 30px;
                padding-top: 50px;
            }

            .le2 dl dd:nth-child(7) .dt {
                padding-top: 30px;
                line-height: 30px;
            }

            .le2 dl dd .dt:hover {
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                transition: all .5s;
                background: #2e3192;
                color: #fff;
            }

    .le2 .tc3 {
        background: url(../images/le3.png)center;
        text-align: center;
        padding: 60px 0 45px;
        background-size: cover;
    }

        .le2 .tc3 div {
            font-size: 32px;
            line-height: 32px;
            padding-bottom: 15px;
            color: #fff;
        }

.le3 {
    width: 100%;
    border-top: 1px solid #ddd;
    padding: 50px 0 90px;
}

    .le3 .dlt {
        width: 320px;
        float: left;
    }

    .le3 .tt {
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
        margin-bottom: 30px;
    }

    .le3 .ct {
        line-height: 12px;
        font-size: 12px;
        color: #666;
    }

    .le3 .tt2 {
        font-weight: bold;
        font-size: 18px;
        line-height: 18px;
        padding: 30px 0 8px;
    }

    .le3 .drt {
        float: right;
        width: 880px;
    }

        .le3 .drt .l1 {
            width: 435px;
            height: 40px;
            border: 1px solid #ddd;
            border-radius: 5px;
            margin: 0px 10px 15px 0px;
            float: left;
            box-sizing: border-box;
            padding-left: 50px;
            line-height: 40px;
            background: url(../images/on4.png)center left no-repeat;
        }

            .le3 .drt .l1 input {
                border: none;
                box-shadow: none;
                width: 100%;
                height:;
                outline: none;
                border-left: 1px solid #ddd;
                box-sizing: border-box;
                padding-left: 10px;
            }

        .le3 .drt .l2 {
            background: url(../images/on5.png)center left no-repeat;
            margin-right: 0;
        }

        .le3 .drt .l3 {
            background: url(../images/on6.png)center left no-repeat;
        }

        .le3 .drt .l4 {
            background: url(../images/on7.png)center left no-repeat;
            margin-right: 0;
        }

        .le3 .drt .l5 {
            background: url(../images/on8.png)top left no-repeat;
            width: 100%;
            height: 75px;
            clear: both;
        }

            .le3 .drt .l5 textarea {
                height: 60px;
                outline: none;
                resize: none;
                border: none;
                padding-top: 10px;
                color: #666;
            }

        .le3 .drt .move {
            margin: 0;
        }

/* 如和购买 */

.bu1 {
    padding: 100px 0;
    height: 450px;
    background: url(../images/bu2.png)center no-repeat;
    position: relative;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
}

    .bu1 .tt {
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
        margin-bottom: 60px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .bu1 .box {
        height: 100%;
    }

    .bu1 dl {
        text-align: center;
        width: 100%;
    }

        .bu1 dl dd {
            width: 200px;
            float: left;
            margin-right: 50px;
            position: relative;
        }

            .bu1 dl dd.act {
                animation: u_d2 1.5s linear infinite alternate;
                -webkit-animation: u_d2 1.5s linear infinite alternate;
            }

            .bu1 dl dd:nth-child(5) {
                margin-right: 0;
            }

            .bu1 dl dd .img {
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
                position: relative;
                width: 130px;
                height: 130px;
                background: #fff;
                border: 4px solid #eaeaea;
                padding: 11px;
                border-radius: 50%;
                margin: 0 auto;
            }

                .bu1 dl dd .img img {
                    display: block;
                    width: 100%;
                    -webkit-transition: all .5s;
                    -moz-transition: all .5s;
                    transition: all .5s;
                }

                .bu1 dl dd .img .im_1 {
                    position: absolute;
                    top: 11px;
                    left: 11px;
                    opacity: 0;
                    width: 130px;
                }

            .bu1 dl dd:hover .img {
                background: #f2f2f2;
            }

                .bu1 dl dd:hover .img img {
                    opacity: 0;
                    -webkit-transition: all .5s;
                    -moz-transition: all .5s;
                    transition: all .5s;
                }

                .bu1 dl dd:hover .img .im_1 {
                    opacity: 1;
                    -webkit-transition: all .5s;
                    -moz-transition: all .5s;
                    transition: all .5s;
                }

            .bu1 dl dd .dtt {
                font-size: 16px;
                color: #333;
                line-height: 16px;
                padding: 15px 0 10px;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .bu1 dl dd .dct {
                text-align: justify;
                color: #666;
                opacity: 0;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .bu1 dl dd:hover .dtt {
                color: #2e3192;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
                font-weight: bold;
            }

            .bu1 dl dd:hover .dct {
                opacity: 1;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .bu1 dl dd:nth-child(1) {
                top: 25px;
            }

            .bu1 dl dd:nth-child(2) {
                top: 75px;
            }

            .bu1 dl dd:nth-child(3) {
                top: 25px;
            }

            .bu1 dl dd:nth-child(4) {
                top: 45px;
            }

            .bu1 dl dd:nth-child(5) {
                top: 115px;
            }

            .bu1 dl dd:nth-child(3).act {
                animation: u_d3 1.5s linear infinite alternate;
                -webkit-animation: u_d3 1.5s linear infinite alternate;
            }

@keyframes u_d2 {
    0% {
        margin-top: 0;
    }

    100% {
        margin-top: -10px;
    }
}

@-webkit-keyframes u_d2 {
    0% {
        margin-top: 0;
    }

    100% {
        margin-top: -10px;
    }
}

@keyframes u_d3 {
    0% {
        margin-top: 5px;
    }

    100% {
        margin-top: -20px;
    }
}

@-webkit-keyframes u_d3 {
    0% {
        margin-top: 5px;
    }

    100% {
        margin-top: -20px;
    }
}

/* 渠道合作 */

/* channel */

.c_b1 {
    font-family: "siyuan";
}

    .c_b1 .tt2 {
        width: 570px;
        position: absolute;
        top: 140px;
        left: 50%;
        margin-left: -265px;
        text-align: left;
    }

        .c_b1 .tt2 .tlt {
            width: 310px;
            float: left;
            font-size: 17px;
            color: #fff;
            line-height: 18px;
            font-weight: bold;
        }

            .c_b1 .tt2 .tlt div {
                font-size: 30px;
                line-height: 30px;
                font-weight: bold;
                color: #fff;
                padding-top: 10px;
            }

        .c_b1 .tt2 .trt {
            width: 260px;
            float: right;
            font-size: 50px;
            font-weight: bold;
            color: #fff;
            line-height: 50px;
        }

    .c_b1 .btn {
        width: 340px;
        position: absolute;
        top: 310px;
        left: 50%;
        margin-left: -155px;
    }

        .c_b1 .btn a {
            width: 120px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            background: #605756;
            color: #fff;
            float: left;
            font-size: 16px;
        }

            .c_b1 .btn a.btn2 {
                float: right;
            }

            .c_b1 .btn a:hover {
                border-radius: 30px;
                background: #2e3192;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

.dw {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #f3f5f5;
    overflow: hidden;
}

    .dw .box div {
        display: inline-block;
        padding-left: 25px;
        background: url(../images/dw.png)center left no-repeat;
    }

    .dw .box a:hover, .dw .box a.act {
        color: #2e3192;
    }

.ch1 {
    padding: 100px 0 70px;
    background: #f7f7f7;
    text-align: center;
}

    .ch1 .tt {
        margin-bottom: 45px;
    }

        .ch1 .tt span {
            display: inline-block;
            padding-left: 15px;
            border-left: 5px solid #2e3192;
            font-size: 24px;
        }

    .ch1 .ct {
        font-size: 18px;
        line-height: 18px;
        text-align: left;
        padding-bottom: 10px;
    }

    .ch1 .ct2 {
        text-align: left;
        color: #666;
    }

    .ch1 ul {
        padding-top: 30px;
    }

        .ch1 ul li {
            width: 16%;
            float: left;
            font-size: 18px;
            line-height: 30px;
            margin-right: .8%;
        }

            .ch1 ul li:nth-child(6) {
                margin-right: 0;
            }

            .ch1 ul li .img, .ch1 ul li .img img {
                display: block;
                width: 100%;
                overflow: hidden;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .ch1 ul li:hover .img img {
                transform: scale(1.05);
                -webkit-transform: scale(1.05);
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

.ch2 {
    padding: 100px 0;
    text-align: center;
}

    .ch2 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .ch2 dl {
        padding-top: 35px;
    }

        .ch2 dl dd {
            width: 30%;
            float: left;
            min-height: 230px;
            margin-bottom: 50px;
        }

            .ch2 dl dd .img {
                width: 100%;
                overflow: hidden;
            }

            .ch2 dl dd:hover img {
                ;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

        .ch2 dl dt {
            float: left;
            width: 40%;
        }

        .ch2 dl img {
            display: block;
            width: 100%;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

        .ch2 dl dd .txt {
            height: 50px;
            background: #3c3938;
            color: #fff;
            font-size: 18px;
            line-height: 50px;
            margin-top: 1px;
        }

        .ch2 dl dd:nth-child(4) {
            margin-left: 35%;
            margin-bottom: 0;
            min-height: auto;
        }

.ch3 {
    padding: 50px 0 70px;
    text-align: center;
    background: url(../images/ch12.png)center no-repeat;
    background-size: cover;
}

    .ch3 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
        color: #fff;
    }

    .ch3 .tt {
        margin-bottom: 40px;
    }

    .ch3 .ct {
        font-size: 30px;
        line-height: 30px;
        color: #fff;
    }

.ch4 {
    padding: 100px 0;
    text-align: center;
}

    .ch4 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .ch4 .box {
        padding-top: 50px;
    }

        .ch4 .box .clt {
            width: 322px;
            float: left;
            overflow: hidden;
        }

            .ch4 .box .clt img {
                display: block;
                width: 100%;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .ch4 .box .clt:hover img {
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
                transform: scale(1.03);
                -webkit-transform: scale(1.03);
            }

        .ch4 .box .crt {
            width: 790px;
            float: right;
            text-align: left;
        }

            .ch4 .box .crt div {
                font-size: 18px;
                line-height: 18px;
                margin-bottom: 45px;
            }

                .ch4 .box .crt div:nth-child(3) {
                    margin: 0;
                }

.ch5 {
}

.ch5 {
    padding: 0 0 100px;
    text-align: center;
}

    .ch5 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .ch5 .ct {
        color: #666;
        padding: 30px 0 50px;
    }

    .ch5 .box {
        padding-bottom: 50px;
        box-sizing: border-box;
        border: 1px solid #ddd;
    }

        .ch5 .box .btt {
            height: 50px;
            line-height: 50px;
            font-size: 18px;
            color: #fff;
            background: #3c3938;
            padding-left: 80px;
            text-align: left;
        }

        .ch5 .box ul {
            width: 100%;
            padding-top: 50px;
        }

            .ch5 .box ul li {
                width: 550px;
                float: left;
                position: relative;
                margin-bottom: 20px;
            }

                .ch5 .box ul li:nth-child(2n) {
                    float: right;
                    margin-right: 50px;
                }

                .ch5 .box ul li span {
                    display: inline-block;
                    width: 120px;
                    float: left;
                    text-align: right;
                    line-height: 30px;
                }

                .ch5 .box ul li select {
                    width: 260px;
                    float: left;
                    display: inline-block;
                    height: 30px;
                    border: 1px solid #ddd;
                    border-radius: 5px;
                }

                .ch5 .box ul li #city {
                    width: 155px;
                    float: right;
                }

                .ch5 .box ul li input {
                    font-size: 12px;
                    width: 425px;
                    border-radius: 5px;
                    outline: none;
                    border: 1px solid #ddd;
                    height: 30px;
                    box-sizing: border-box;
                    padding-left: 10px;
                    box-shadow: none;
                    -webkit-box-shadow: none;
                }

        .ch5 .box .btn {
            width: 340px;
            margin: 0 auto;
            padding-top: 30px;
        }

            .ch5 .box .btn a {
                float: right;
                background: #393c36;
                height: 40px;
                line-height: 40px;
                width: 120px;
            }

                .ch5 .box .btn a:hover {
                    background: #2e3192;
                }

                .ch5 .box .btn a.tj {
                    float: left;
                }

.a_nav {
    width: 100%;
    height: 80px;
    line-height: 80px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

    .a_nav a {
        display: inline-block;
        margin: 0 44px;
        border-bottom: 2px solid none;
        height: 78px;
        font-size: 18px;
    }

        .a_nav a:hover {
            color: #2e3192;
        }

        .a_nav a.act {
            border-bottom: 2px solid #2e3192;
        }

/* 关于环思 */

.ab1 {
    padding: 100px 0 0;
    text-align: center;
}

    .ab1 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .ab1 .box {
        padding-top: 90px;
    }

    .ab1 .alt {
        width: 505px;
        float: left;
        text-align: left;
    }

        .ab1 .alt .ltop {
            padding: 0 0 0 60px;
            background: url(../images/ab2.png)center left no-repeat;
        }

            .ab1 .alt .ltop .cn {
                font-size: 20px;
            }

            .ab1 .alt .ltop .en {
                font-size: 16px;
                color: #ccc;
                line-height: 16px;
                padding-top: 8px;
            }

        .ab1 .alt .lbot {
            color: #666;
            padding-top: 30px;
        }

    .ab1 .art {
        float: right;
    }

        .ab1 .art .ltop {
            padding: 0 0 0 60px;
            background: url(../images/ab3.png)center left no-repeat;
        }

    .ab1 .img {
        margin-top: 30px;
    }

        .ab1 .img, .ab1 .img img {
            display: block;
            width: 100%;
            clear: both;
        }

    .ab1 .itxt {
        font-size: 18px;
        line-height: 18px;
        padding-top: 30px;
        text-align: left;
    }

.ab2 {
    padding: 100px 0 50px 0;
    text-align: center;
    min-height: 720px;
    background: url(../images/ab5.png)top center no-repeat;
}

    .ab2 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .ab2 .as_1 {
        width: 100%;
        margin-top: 50px;
        border: 1px solid #ddd;
        border-radius: 10px;
        padding: 50px 0;
        background: #fff;
    }

        .ab2 .as_1 a {
            display: block;
            width: 845px;
            text-align: left;
        }

            .ab2 .as_1 a .ad_1 {
                margin-bottom: 30px;
            }

                .ab2 .as_1 a .ad_1 span {
                    font-size: 16px;
                    line-height: 16px;
                    color: #000;
                    margin-right: 80px;
                }

                .ab2 .as_1 a .ad_1 div {
                    color: #666;
                    line-height: 16px;
                    padding: 10px 0 0;
                }

            .ab2 .as_1 a .adbox {
            }

                .ab2 .as_1 a .adbox .ad2 {
                    font-size: 16px;
                    line-height: 16px;
                    color: #000;
                    margin-bottom: 15px;
                }

                .ab2 .as_1 a .adbox .adlt {
                    width: 475px;
                    float: left;
                }

                .ab2 .as_1 a .adbox .adrt {
                    width: 370px;
                    float: right;
                }

        .ab2 .as_1 .next_as1 {
            width: 30px;
            height: 105px;
            right: 0;
            margin-top: -52px;
            background: url(../images/ab6.png)center no-repeat;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

            .ab2 .as_1 .next_as1:hover {
                background: url(../images/ab6_1.png)center no-repeat;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

        .ab2 .as_1 .prev_as1 {
            width: 30px;
            height: 105px;
            left: 0;
            margin-top: -52px;
            background: url(../images/ab7.png)center no-repeat;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

            .ab2 .as_1 .prev_as1:hover {
                background: url(../images/ab7_1.png)center no-repeat;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

    .ab2 .box .hua {
        width: 280px;
        height: 280px;
        position: absolute;
        right: -145px;
        top: -130px;
        background: url(../images/ab8.png)center no-repeat;
        animation: zhuan 10s infinite linear;
        -webkit-animation: zhuan 10s infinite linear;
    }

    .ab2 .ab_ot {
        font-size: 16px;
        line-height: 16px;
        color: #000;
        padding-top: 30px;
    }

        .ab2 .ab_ot span {
            font-size: 16px;
            color: #000;
            display: inline-block;
            padding-left: 20px;
            background: url(../images/ab9.png)center left no-repeat;
            margin-right: 30px;
        }

.ab3 {
    width: 100%;
    height: 360px;
    background: url(../images/ab10.png)center;
    text-align: center;
}

    .ab3 .alx {
        width: 550px;
        height: 100%;
        margin: 0 auto;
        position: relative;
    }

        .ab3 .alx img {
            display: block;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }

        .ab3 .alx .abox {
            position: relative;
            z-index: 2;
        }

            .ab3 .alx .abox .tt {
                padding-top: 65px;
            }

                .ab3 .alx .abox .tt span {
                    display: inline-block;
                    padding-left: 15px;
                    border-left: 5px solid #2e3192;
                    font-size: 24px;
                }

            .ab3 .alx .abox .ct {
                padding-top: 35px;
                color: #999;
                font-size: 16px;
                line-height: 26px;
            }

                .ab3 .alx .abox .ct div {
                    font-size: 18px;
                    color: #2e3192;
                }

.abs1 {
    padding: 100px 0 50px;
    text-align: center;
}

    .abs1 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .abs1 dl {
        padding-top: 60px;
    }

        .abs1 dl dd {
            margin-bottom: 50px;
            background: #f3f3f3;
        }

            .abs1 dl dd .dlt {
                width: 50%;
                float: left;
                overflow: hidden;
            }

                .abs1 dl dd .dlt img {
                    width: 100%;
                    display: block;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

            .abs1 dl dd .drt {
                width: 495px;
                float: left;
                margin-left: 50px;
                text-align: left;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

                .abs1 dl dd .drt .day {
                    font-size: 18px;
                    line-height: 18px;
                    color: #333;
                    padding-top: 50px;
                }

                .abs1 dl dd .drt .dtt {
                    font-size: 22px;
                    line-height: 22px;
                    font-weight: bold;
                    padding: 30px 0 20px;
                }

                .abs1 dl dd .drt .dct {
                    height: 65px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 3;
                    -webkit-box-orient: vertical;
                }

                .abs1 dl dd .drt .move {
                    margin: 30px 0 0;
                    background: #393c36;
                }

                    .abs1 dl dd .drt .move:hover {
                        background: #2e3192;
                    }

            .abs1 dl dd:nth-child(2n) .dlt {
                float: right;
            }

            .abs1 dl dd:hover img {
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
                transform: scale(1.03);
                -webkit-transform: scale(1.03);
            }

            .abs1 dl dd:hover .drt {
                margin-left: 40px;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .abs1 dl dd:nth-child(2n):hover .drt {
                margin-left: 60px;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

.c_b2 {
    position: relative;
    font-family: siyuan;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
}

    .c_b2 img {
        display: block;
        width: 100%;
    }

    .c_b2 .cbox {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -600px;
        width: 1200px;
    }

        .c_b2 .cbox .tt {
            font-size: 30px;
            font-weight: bold;
            line-height: 30px;
            color: #fff;
            padding-top: 90px;
        }

        .c_b2 .cbox .ct {
            font-size: 16px;
            color: #fff;
            width: 660px;
            padding-top: 20px;
        }

        .c_b2 .cbox .en {
            font-size: 50px;
            line-height: 50px;
            color: #fff;
            opacity: .3;
            font-weight: bold;
            padding: 25px 0;
        }

        .c_b2 .cbox .xian {
            width: 26px;
            height: 2px;
            background: #fff;
        }

.abse1 {
    position: relative;
    padding: 100px 0 60px;
    background: url(../images/abse2.png)top center no-repeat;
    background-size: cover;
    text-align: center;
}

    .abse1 .img img {
        display: block;
        width: 100%;
    }

    .abse1 .box {
    }

        .abse1 .box .tt span {
            display: inline-block;
            padding-left: 15px;
            border-left: 5px solid #2e3192;
            font-size: 24px;
        }

        .abse1 .box .bimg {
            width: 805px;
            margin: 300px auto 0;
        }

            .abse1 .box .bimg img {
                display: block;
                width: 100%;
            }

        .abse1 .box dl {
            position: absolute;
            top: 0;
            left: 50%;
            padding-top: 100px;
            width: 1065px;
            margin-left: -533px;
        }

            .abse1 .box dl dd {
                width: 130px;
                float: left;
                opacity: 0;
            }

                .abse1 .box dl dd .img, .abse1 .box dl dd .img img {
                    width: 100%;
                    display: block;
                }

                .abse1 .box dl dd:nth-child(1) {
                    margin-top: 345px;
                }

                .abse1 .box dl dd:nth-child(2) {
                    margin: 120px 0 0 50px;
                }

                .abse1 .box dl dd:nth-child(3) {
                    margin-left: 150px;
                }

                .abse1 .box dl dd:nth-child(4) {
                    margin: 60px 0 0 160px;
                }

                .abse1 .box dl dd:nth-child(5) {
                    margin: 285px 0 0 40px;
                }

                .abse1 .box dl dd .txt {
                    font-size: 16px;
                    color: #666;
                    padding-top: 10px;
                }

        .abse1 .box .ct {
            padding-top: 30px;
            color: #666;
            text-align: justify;
            width: 1065px;
            margin: 0 auto;
        }

.abse2 {
    position: relative;
    padding: 60px 0 100px;
    text-align: center;
}

    .abse2 .box {
        width: 1065px;
    }

        .abse2 .box .tt span {
            display: inline-block;
            padding-left: 15px;
            border-left: 5px solid #2e3192;
            font-size: 24px;
        }

        .abse2 .box img {
            display: block;
            width: 100%;
            margin-top: 40px;
        }

        .abse2 .box .ct {
            text-align: left;
            color: #666;
        }

.abh1 .en {
    color: #b0ab98;
    font-size: 24px;
}

.abh1 {
    text-align: center;
    padding-top: 100px;
    background: url(../images/abh2.png)center;
    background-size: cover;
}

    .abh1 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
        margin-bottom: 40px;
    }

    .abh1 .en {
        width: 655px;
        margin: 0 auto;
    }

        .abh1 .en img {
            display: block;
            width: 100%;
        }

    .abh1 .btn {
        padding-top: 50px;
        width: 390px;
        margin: 0 auto;
    }

        .abh1 .btn span {
            display: inline-block;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
            width: 135px;
            text-align: center;
            height: 40px;
            line-height: 40px;
            border-radius: 5px;
            font-size: 24px;
            cursor: pointer;
            display: inline-block;
            float: left;
        }

            .abh1 .btn span:nth-child(2) {
                float: right;
            }

            .abh1 .btn span.act {
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
                background: #9b9682;
                color: #fff;
            }

    .abh1 .sbox {
        position: relative;
    }

        .abh1 .sbox .swiper-slide {
            background: none;
        }

        .abh1 .sbox .ah_2 {
            display: none;
        }

        .abh1 .sbox .ah_1, .abh1 .sbox .ah_2 {
            padding: 50px 0;
        }

            .abh1 .sbox .ah_1 img, .abh1 .sbox .ah_2 img {
                display: block;
                width: 100%;
            }

            .abh1 .sbox .ah_1 .swiper-scrollbar_ah1, .abh1 .sbox .ah_2 .swiper-scrollbar_ah2 {
                width: 350px;
                left: 50%;
                margin-left: -175px;
            }

                .abh1 .sbox .ah_1 .swiper-scrollbar_ah1 .swiper-scrollbar-drag, .abh1 .sbox .ah_2 .swiper-scrollbar_ah2 .swiper-scrollbar-drag {
                    height: 150%;
                    top: -10%;
                    background: #8f274d;
                }

    .abh1 .show {
        margin: 0px auto;
        padding: 30px 0;
    }

.c_b3 {
    position: relative;
    font-family: siyuan;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
}

    .c_b3 img {
        display: block;
        width: 100%;
    }

    .c_b3 .cbox {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -600px;
        width: 1200px;
    }

        .c_b3 .cbox .tt {
            font-size: 38px;
            font-weight: bold;
            line-height: 38px;
            color: #fff;
            padding-top: 90px;
            letter-spacing: 5px;
        }

        .c_b3 .cbox .ct {
            font-size: 16px;
            color: #fff;
            width: 600px;
            padding-top: 20px;
            text-align: justify;
        }

        .c_b3 .cbox .en {
            font-size: 50px;
            line-height: 50px;
            color: #fff;
            opacity: .3;
            font-weight: bold;
            padding: 25px 0;
        }

        .c_b3 .cbox .xian {
            width: 26px;
            height: 2px;
            background: #fff;
        }

        .c_b3 .cbox .ct2 {
            font-size: 16px;
            line-height: 16px;
            color: #fff;
            padding-top: 30px;
            font-weight: bold;
        }

.co1 {
    padding: 100px 0 50px;
    text-align: center;
}

    .co1 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .co1 .ct {
        font-size: 18px;
        line-height: 18px;
        padding: 40px 0;
    }

    .co1 dl {
    }

        .co1 dl dd {
            width: 200px;
            float: left;
            overflow: hidden;
            position: relative;
            margin-right: 30px;
            opacity: 0;
        }

            .co1 dl dd:nth-child(3) {
                margin-right: 0;
            }

            .co1 dl dd img {
                display: block;
                width: 380px;
            }

            .co1 dl dd .txt {
                opacity: 0;
                font-size: 30px;
                line-height: 40px;
                color: #fff;
                width: 310px;
                padding: 60px 0;
                position: absolute;
                top: 50%;
                margin-top: -100px;
                left: 50%;
                margin-left: -155px;
                background: url(../images/co5.png)center;
            }

.co2 {
    padding: 50px 0;
    text-align: center;
    background: #fafafa;
}

    .co2 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .co2 .co_c1 {
        font-size: 18px;
        line-height: 18px;
        text-align: left;
        padding-top: 50px;
    }

    .co2 .co_t1 {
        font-size: 24px;
        text-align: left;
        padding: 25px 0;
    }

    .co2 .co_c2 {
        line-height: 18px;
        text-align: left;
        color: #666;
    }

    .co2 .cbox {
        padding-top: 40px;
    }

        .co2 .cbox .clt {
            width: 400px;
            float: left;
        }

        .co2 .cbox .crt {
            width: 795px;
            float: right;
            text-align: left;
        }

            .co2 .cbox .crt .cr_d1 {
                margin-bottom: 10px;
            }

                .co2 .cbox .crt .cr_d1 span {
                    width: 39px;
                    height: 39px;
                    float: left;
                    display: block;
                    text-align: center;
                    line-height: 39px;
                    border-radius: 50%;
                    background: #928b92;
                    color: #fff;
                }

                .co2 .cbox .crt .cr_d1 div {
                    width: 745px;
                    float: right;
                    border-radius: 30px;
                    background: #928b92;
                    color: #fff;
                    height: 39px;
                    line-height: 39px;
                    box-sizing: border-box;
                    padding-left: 20px;
                }

                .co2 .cbox .crt .cr_d1:nth-child(2) span, .co2 .cbox .crt .cr_d1:nth-child(2) div {
                    background: #b19a8a;
                }

                .co2 .cbox .crt .cr_d1:nth-child(3) span, .co2 .cbox .crt .cr_d1:nth-child(3) div {
                    background: #a2c9c9;
                }

                .co2 .cbox .crt .cr_d1:nth-child(4) span, .co2 .cbox .crt .cr_d1:nth-child(4) div {
                    background: #b2bdcb;
                }

                .co2 .cbox .crt .cr_d1:nth-child(5) span, .co2 .cbox .crt .cr_d1:nth-child(5) div {
                    background: #92aac7;
                }

.co3 {
    padding: 50px 0;
    text-align: center;
}

    .co3 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

.is8 {
    width: 1920px;
    height: 500px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}

    .is8 .sbox {
        position: relative;
        width: 1100px;
        height: 240px;
        padding: 50px;
        background: #fff;
    }

    .is8 .img1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

        .is8 .img1 img {
            display: block;
            width: 100%;
        }

    .is8 .sbox .slt {
        width: 475px;
        float: left;
        overflow: hidden;
    }

        .is8 .sbox .slt img {
            display: block;
            width: 100%;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

    .is8 .sbox .srt {
        width: 575px;
        float: right;
        text-align: left;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

        .is8 .sbox .srt .day {
            font-size: 16px;
            color: #666;
            line-height: 16px;
            padding-top: 10px;
        }

        .is8 .sbox .srt .dtt {
            font-size: 24px;
            padding: 25px 0;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }

        .is8 .sbox .srt .dct {
            padding-bottom: 20px;
            border-bottom: 1px dotted #999;
            color: #666;
            height: 66px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }

        .is8 .sbox .srt .move {
            margin: 20px 0 0;
        }

    .is8 .sbox:hover img {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    .is8 .sbox:hover .srt {
        margin-right: 10px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .is8 .swiper-pagination_is8 span {
        width: 50px;
        height: 5px;
        opacity: 1;
        border-radius: 0;
        background: #3c3938;
    }

    .is8 .swiper-pagination_is8 .swiper-pagination-bullet-active {
        background: #fff;
    }

.abo1 {
    padding: 100px 0 0;
    text-align: center;
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    z-index: 3;
}

    .abo1 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .abo1 .tt {
        margin-bottom: 50px;
    }

    .abo1 .alt {
        width: 330px;
        padding-left: 110px;
        float: left;
        text-align: left;
    }

        .abo1 .alt .att {
            font-size: 18px;
            line-height: 18px;
        }

        .abo1 .alt .act {
            color: #666;
            padding: 20px 0;
        }

    .abo1 .art {
        overflow: hidden;
        width: 700px;
        float: right;
        height: 357px;
        background: #f7f7f7;
        -webkit-box-shadow: 7px 10px 10px 0 rgba(0, 0, 0, .2);
        box-shadow: 7px 10px 10px 0 rgba(0, 0, 0, .2);
    }

        .abo1 .art img {
            display: block;
            width: 694px;
            margin: 3px;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

        .abo1 .art:hover img {
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
            -webkit-transform: scale(1.05);
            transform: scale(1.05);
        }

    .abo1 .atxt {
        text-align: left;
        font-size: 18px;
        line-height: 18px;
        padding: 20px 0 25px;
    }

        .abo1 .atxt span {
            display: inline-block;
            width: 90px;
            height: 5px;
            border-top: 1px solid #333;
            margin-right: 20px;
        }

    .abo1 .bg {
        position: absolute;
        width: 1720px;
        height: 300px;
        background: #f7f7f7;
        left: 0;
        bottom: 0;
        z-index: -1;
    }

.abo2 {
    padding: 100px 0 0;
    text-align: center;
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    z-index: 3;
}

    .abo2 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .abo2 .ct {
        font-size: 20px;
        padding: 50px 0;
    }

    .abo2 .ao_1 {
        padding: 0 0 25px 0;
    }

        .abo2 .ao_1 .swiper-scrollbar_ao1 .swiper-scrollbar-drag {
            height: 150%;
            top: -10%;
        }

        .abo2 .ao_1 a {
            display: block;
            box-sizing: border-box;
            border: 1px solid #ddd;
            width: 100%;
            height: 80px;
            line-height: 80px;
            font-size: 18px;
        }

        .abo2 .ao_1 .swiper-slide.act a {
            background: #2e3192;
            color: #fff;
        }

    .abo2 .ctbox {
        margin-top: 70px;
        width: 1560px;
        position: relative;
        left: 360px;
        border-bottom: 8px solid #bbb;
        background: url(../images/abo3.png)top right no-repeat;
    }

        .abo2 .ctbox dl {
        }

            .abo2 .ctbox dl dd {
                position: relative;
                z-index: 3;
                display: none;
            }

                .abo2 .ctbox dl dd:nth-child(1) {
                    display: block;
                }

                .abo2 .ctbox dl dd .d_1 {
                    float: left;
                    cursor: pointer;
                }

                    .abo2 .ctbox dl dd .d_1 .dlt {
                        width: 150px;
                        float: left;
                        margin-right: 30px;
                        background: url(../images/abo4.png) center top no-repeat;
                        height: 236px;
                        line-height: 150px;
                        font-size: 45px;
                        color: #fff;
                    }

                    .abo2 .ctbox dl dd .d_1 .drt {
                        -webkit-transition: all .3s;
                        -moz-transition: all .3s;
                        transition: all .3s;
                        width: 480px;
                        display: none;
                        float: left;
                        overflow: hidden;
                    }

                    .abo2 .ctbox dl dd .d_1.act .dlt {
                        background: url(../images/abo5.png) center top no-repeat;
                    }

                    .abo2 .ctbox dl dd .d_1 .drt .ao_2 {
                    }

                        .abo2 .ctbox dl dd .d_1 .drt .ao_2 .img {
                            width: 365px;
                            overflow: hidden;
                            overflow: hidden;
                        }

                        .abo2 .ctbox dl dd .d_1 .drt .ao_2 a {
                            cursor: text;
                        }

                        .abo2 .ctbox dl dd .d_1 .drt .ao_2 .img img {
                            display: block;
                            width: 100%;
                        }

                        .abo2 .ctbox dl dd .d_1 .drt .ao_2 .txt {
                            font-size: 18px;
                            height: 45px;
                            overflow: hidden;
                            margin-top: 10px;
                        }

                        .abo2 .ctbox dl dd .d_1 .drt .ao_2 .next_ao2 {
                            width: 28px;
                            height: 54px;
                            margin-top: -27px;
                            background: url(../images/abo7.png)center no-repeat;
                        }

                        .abo2 .ctbox dl dd .d_1 .drt .ao_2 .prev_ao2 {
                            width: 28px;
                            height: 54px;
                            margin-top: -27px;
                            background: url(../images/abo8.png)center no-repeat;
                        }

                    .abo2 .ctbox dl dd .d_1.act .drt {
                        display: block;
                        -webkit-transition: all .3s;
                        -moz-transition: all .3s;
                        transition: all .3s;
                    }

.abo3 {
    padding: 100px 0 50px;
    text-align: center;
    z-index: 3;
}

    .abo3 .btn {
        padding: 50px 0;
        width: 390px;
        margin: 0 auto;
    }

    .abo3 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .abo3 .btn span {
        display: inline-block;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        width: 135px;
        text-align: center;
        height: 40px;
        line-height: 40px;
        border-radius: 5px;
        font-size: 24px;
        cursor: pointer;
        display: inline-block;
        float: left;
    }

        .abo3 .btn span:nth-child(2) {
            float: right;
        }

        .abo3 .btn span.act {
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
            background: #2e3192;
            color: #fff;
        }

    .abo3 dl {
    }

        .abo3 dl dd {
            float: left;
            width: 18.625%;
            margin-left: .89%;
            position: relative;
        }

            .abo3 dl dd img {
                display: block;
                width: 100%;
            }

            .abo3 dl dd .dbox {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 2;
                width: 100%;
                height: 100%;
                background: url(../images/fff.png)center;
            }

                .abo3 dl dd .dbox .txt {
                    height: 19%;
                    overflow: hidden;
                    width: 80%;
                    margin: 55% auto 0;
                    overflow: hidden;
                    background: url(../images/co5.png)center;
                    border: 1px solid #fff;
                }

                    .abo3 dl dd .dbox .txt .dtt {
                        color: #fff;
                        font-size: 24px;
                        margin-top: 8%;
                    }

                    .abo3 dl dd .dbox .txt .xian {
                        width: 30px;
                        height: 1px;
                        margin: 10px auto;
                        background: #fff;
                    }


                    .abo3 dl dd .dbox .txt .dct {
                        padding-top: 10px;
                        color: #fff;
                        font-size: 16px;
                        line-height: 24px;
                        opacity: 0;
                    }

            .abo3 dl dd div {
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                transition: all .5s;
            }

            .abo3 dl dd:hover .dbox {
                background: url(../images/red.png)center;
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                transition: all .5s;
            }

                .abo3 dl dd:hover .dbox .txt {
                    height: 90%;
                    margin-top: 6%;
                    -webkit-transition: all .5s;
                    -moz-transition: all .5s;
                    transition: all .5s;
                    background: url(../images/fff.png)center;
                }

                    .abo3 dl dd:hover .dbox .txt .dtt {
                        margin-top: 45%;
                        -webkit-transition: all .5s;
                        -moz-transition: all .5s;
                        transition: all .5s;
                    }

                    .abo3 dl dd:hover .dbox .txt .xian {
                        opacity: 0;
                        -webkit-transition: all .5s;
                        -moz-transition: all .5s;
                        transition: all .5s;
                    }

                    .abo3 dl dd:hover .dbox .txt .dct {
                        opacity: 1;
                        -webkit-transition: all .5s;
                        -moz-transition: all .5s;
                        transition: all .5s;
                    }

/* 服务理念 */

.c_sr1 .ct {
    position: absolute;
    top: 175px;
    color: #fff;
    font-size: 18px;
    width: 100%;
}

.c_sr1 .tt {
    top: 120px;
    font-size: 44px;
}

.sr1 {
    padding: 100px 0 50px;
    text-align: center;
}

    .sr1 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .sr1 dl {
        width: 1200px;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 50px 45px 0;
        text-align: left;
        overflow: hidden;
    }

        .sr1 dl dd {
            width: 360px;
            float: left;
        }

            .sr1 dl dd:nth-child(2) {
                width: 390px;
            }

            .sr1 dl dd .dd1 {
                position: relative;
                margin-bottom: 20px;
            }

            .sr1 dl dd .dt {
                font-size: 24px;
                color: #77838b;
            }

                .sr1 dl dd .dt span {
                    font-style: italic;
                    font-size: 48px;
                    color: #77838b;
                }

            .sr1 dl dd .dc {
                width: 240px;
                height: 80px;
                font-size: 12px;
                line-height: 18px;
                color: #666;
                padding-top: 10px;
                position: relative;
                opacity: 0;
            }

            .sr1 dl dd div {
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                transition: all .5s;
            }

            .sr1 dl dd .dc .xian {
                position: absolute;
                right: -205px;
                bottom: 0px;
                width: 203px;
                height: 47px;
                background: url(../images/sr4.png)left center no-repeat;
            }

            .sr1 dl dd .dd2 {
                padding-left: 90px;
            }

            .sr1 dl dd .dd3 {
                padding-left: 170px;
            }

            .sr1 dl dd:nth-child(2) .img1 {
                width: 390px;
                height: 390px;
                position: relative;
                overflow: hidden;
            }

                .sr1 dl dd:nth-child(2) .img1 .img_1 {
                    display: block;
                    width: 100%;
                    animation: zhuan 5s infinite linear;
                    -webkit-animation: zhuan 5s infinite linear;
                }

                .sr1 dl dd:nth-child(2) .img1 .img_2 {
                    position: absolute;
                    top: 135px;
                    left: 98px;
                    width: 196px;
                }

            .sr1 dl dd:nth-child(1) .dd1:nth-child(1) .xian {
                width: 203px;
                right: -195px;
                background: url(../images/sr4_1.png)right center no-repeat;
                bottom: 65px;
            }

            .sr1 dl dd:nth-child(1) .dd1:nth-child(2) .xian {
                width: 100px;
                right: -50px;
                bottom: 100px;
            }

            .sr1 dl dd .dc .xian2 {
                position: absolute;
                left: -195px;
                bottom: 10px;
                width: 160px;
                height: 47px;
                background: url(../images/sr5.png)right center no-repeat;
            }

            .sr1 dl dd:nth-child(3) .dd1:nth-child(1) .xian2 {
                background: url(../images/sr5_1.png)right center no-repeat;
                width: 203px;
                bottom: 65px;
                left: -240px;
            }

            .sr1 dl dd:nth-child(3) .dd1:nth-child(2) .xian2 {
                width: 80px;
                left: -95px;
                bottom: 100px;
            }

            .sr1 dl dd:nth-child(3) .dd1:nth-child(3) .xian2 {
                width: 203px;
                left: -240px;
            }

            .sr1 dl dd .dd1:hover .dc {
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                transition: all .5s;
                opacity: 1;
            }

            .sr1 dl dd:nth-child(1) .dd1 {
                left: -100%;
            }

            .sr1 dl dd:nth-child(3) .dd1 {
                right: -100%;
            }

.sr2 {
    padding: 50px 0;
    text-align: center;
    background: #f7f7f7;
}

    .sr2 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .sr2 .ct {
        font-size: 18px;
        color: #666;
        line-height: 18px;
        padding: 40px 0 50px;
    }

    .sr2 dl {
    }

        .sr2 dl dd {
            width: 292px;
            float: left;
            margin-right: 10px;
        }

            .sr2 dl dd:nth-child(4) {
                margin-right: 0;
            }

            .sr2 dl dd .img, .sr2 dl dd .img img {
                display: block;
                width: 100%;
                overflow: hidden;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

                .sr2 dl dd .img img {
                    transform: rotateX(90deg);
                    -webkit-transform: rotateX(90deg);
                }

            .sr2 dl dd .dtt {
                font-size: 18px;
                font-weight: bold;
                color: #666;
                line-height: 18px;
                padding: 15px 0;
            }

            .sr2 dl dd .xian {
                width: 15px;
                height: 1px;
                background: #d0d0d0;
                margin: 0 auto;
            }

            .sr2 dl dd .dct {
                font-style: 12px;
                line-height: 20px;
                color: #666;
                padding: 10px 0;
            }


            .sr2 dl dd.act img {
                transform: rotateX(0deg);
                -webkit-transform: rotateX(0deg);
                -webkit-transition: all 1s;
                -moz-transition: all 1s;
                transition: all 1s;
            }

            .sr2 dl dd:hover img {
                transform: scale(1.05);
                -webkit-transform: scale(1.05);
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .sr2 dl dd div {
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .sr2 dl dd:hover div {
                color: #2e3192;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .sr2 dl dd:hover .xian {
                background: #2e3192;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

.sr3 {
    padding: 100px 0;
    text-align: center;
}

    .sr3 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .sr3 .ct {
        color: #666;
        line-height: 18px;
        padding: 30px 0 50px;
        line-height: 14px;
    }

    .sr3 dl {
    }

        .sr3 dl dd {
            width: 50%;
            float: left;
            padding: 50px 0;
            background: #f5f3f2;
        }

            .sr3 dl dd .dlt {
                width: 226px;
                float: left;
                background: url(../images/sr15.png)center right no-repeat;
            }

                .sr3 dl dd .dlt .img {
                    position: relative;
                    width: 125px;
                    margin: 25px auto 20px;
                    height: 125px;
                    background: url(../images/sr10.png)center no-repeat;
                    overflow: hidden;
                }

                    .sr3 dl dd .dlt .img img {
                        display: block;
                        width: 100%;
                    }

                        .sr3 dl dd .dlt .img img:nth-child(2) {
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            opacity: 0;
                        }

                .sr3 dl dd .dlt .txt {
                    color: #666;
                }

            .sr3 dl dd:hover img {
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                transition: all .5s;
                transform: rotate(360deg);
                -webkit-transform: rotate(360deg);
            }

            .sr3 dl dd .drt {
                padding-left: 50px;
                width: 324px;
                float: right;
                padding-top: 20px;
                text-align: left;
            }

                .sr3 dl dd .drt a {
                    display: block;
                    margin-bottom: 24px;
                    line-height: 14px;
                }

                    .sr3 dl dd .drt a:hover {
                        color: #2e3192;
                        margin-left: -10px;
                        -webkit-transition: all .3s;
                        -moz-transition: all .3s;
                        transition: all .3s;
                    }

            .sr3 dl dd:nth-child(2), .sr3 dl dd:nth-child(3) {
                background: #f7f7f7;
            }

    .sr3 .tc2 {
        font-size: 24px;
        padding-top: 50px;
    }

/* 产品优势 */

.ad1 {
    padding: 100px 0 80px;
}

    .ad1 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .ad1 dl {
        padding-top: 50px;
    }

        .ad1 dl dd {
            margin-bottom: 20px;
            width: 585px;
            float: left;
            margin-right: 30px;
            box-sizing: border-box;
            border: 1px solid #ddd;
            position: relative;
        }

            .ad1 dl dd:nth-child(2n) {
                margin-right: 0;
            }

            .ad1 dl dd .dlt {
                width: 210px;
                float: left;
                overflow: hidden;
            }

                .ad1 dl dd .dlt img {
                    display: block;
                    width: 100%;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

            .ad1 dl dd .drt {
                width: 345px;
                float: right;
            }

                .ad1 dl dd .drt div {
                    width: 300px;
                }

                .ad1 dl dd .drt .dtt {
                    font-size: 18px;
                    line-height: 18px;
                    padding: 35px 0 20px;
                }

                .ad1 dl dd .drt .dct {
                    font-size: 12px;
                    color: #666;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                }

            .ad1 dl dd:hover img {
                transform: scale(1.05);
                -webkit-transform: scale(1.05);
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .ad1 dl dd .num {
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                transition: all .5s;
                width: 40px;
                height: 64px;
                padding-left: 24px;
                opacity: 0;
                position: absolute;
                top: 0;
                right: 0;
                background: url(../images/ad8.png)top right no-repeat;
                text-align: center;
                line-height: 40px;
                font-size: 18px;
                color: #fff;
            }

            .ad1 dl dd:hover .num {
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                transition: all .5s;
                opacity: 1;
            }

/* 硬件设备 */

.bus_1 {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}

    .bus_1 img {
        display: block;
        width: 100%;
    }

    .bus_1 .box {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -600px;
    }

    .bus_1 .tt {
        font-size: 30px;
        line-height: 30px;
        padding-top: 90px;
        color: #fff;
    }

    .bus_1 .ct {
        line-height: 14px;
        color: #fff;
        padding-top: 20px;
    }

.bus_2 {
    text-align: center;
    padding: 50px 0;
}

    .bus_2 dd {
        margin-bottom: 50px;
        width: 386px;
        float: left;
        box-sizing: border-box;
        margin-right: 21px;
    }

        .bus_2 dd:nth-child(3n) {
            margin-right: 0;
        }

        .bus_2 dd .img {
            width: 100%;
            overflow: hidden;
            border: 1px solid #ddd;
            border-radius: 2px;
        }

            .bus_2 dd .img img {
                display: block;
                width: 100%;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

        .bus_2 dd .dtt {
            font-size: 18px;
            line-height: 18px;
            padding-top: 20px;
            font-weight: bold;
        }

        .bus_2 dd .dct {
            font-size: 12px;
            padding-top: 10px;
            width: 83%;
            margin: 0 auto;
        }

        .bus_2 dd .btn {
            padding-top: 20px;
        }

            .bus_2 dd .btn .btn_1 {
                display: inline-block;
                font-size: 12px;
                color: #666;
                margin-right: 30px;
            }

            .bus_2 dd .btn .btn_2 {
                display: inline-block;
                width: 90px;
                height: 30px;
                text-align: center;
                line-height: 30px;
                font-size: 12px;
                color: #fff;
                background: #2e3192;
                border-radius: 0px;
            }

                .bus_2 dd .btn .btn_2:hover {
                    border-radius: 10px;
                    -webkit-transition: all .5s;
                    -moz-transition: all .5s;
                    transition: all .5s;
                }

            .bus_2 dd .btn .btn_1:hover {
                color: #2e3192;
            }

        .bus_2 dd .img:hover img {
            transform: scale(1.05);
            -webkit-transform: scale(1.05);
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }


        .bus_2 dd .btn .btn_1 {
            display: inline-block;
            vertical-align: middle;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            box-shadow: 0 0 1px rgba(0, 0, 0, 0);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -moz-osx-font-smoothing: grayscale;
            position: relative;
            overflow: hidden;
        }

            .bus_2 dd .btn .btn_1:before {
                content: "";
                position: absolute;
                z-index: -1;
                left: 50%;
                right: 50%;
                bottom: 0;
                background: #2e3192;
                height: 2px;
                -webkit-transition-property: left, right;
                transition-property: left, right;
                -webkit-transition-duration: 0.3s;
                transition-duration: 0.3s;
                -webkit-transition-timing-function: ease-out;
                transition-timing-function: ease-out;
            }

            .bus_2 dd .btn .btn_1:hover:before, .bus_2 dd .btn .btn_1:focus:before, .bus_2 dd .btn .btn_1:active:before {
                left: 0;
                right: 0;
            }

/* 设备详情 */

.b_c1 {
    padding: 50px 0 100px;
}

    .b_c1 .blt {
        width: 380px;
        float: left;
    }

    .b_c1 .brt {
        width: 730px;
        float: right;
    }

    .b_c1 .blt .img1 {
        width: 380px;
        height: 380px;
        box-sizing: border-box;
        border: 1px solid #ddd;
        overflow: hidden;
    }

        .b_c1 .blt .img1 img {
            display: block;
            width: 100%;
        }

    .b_c1 .blt .img2 {
        padding-top: 10px;
    }

        .b_c1 .blt .img2 a {
            display: block;
            width: 120px;
            height: 120px;
            border: 1px solid #ddd;
            box-sizing: border-box;
            float: left;
            margin-right: 10px;
        }

            .b_c1 .blt .img2 a:nth-child(3) {
                margin-right: 0;
            }

            .b_c1 .blt .img2 a img {
                display: block;
                width: 100%;
            }

    .b_c1 .brt .dtt {
        font-size: 24px;
        font-weight: bold;
    }

    .b_c1 .brt .dct {
        font-size: 12px;
        color: #666;
        padding: 20px 0 30px;
    }

    .b_c1 .brt .dtb {
        line-height: 14px;
        margin-bottom: 10px;
    }

        .b_c1 .brt .dtb .dsp1 {
            width: 90px;
            display: inline-block;
        }

        .b_c1 .brt .dtb .dsp2 {
            width: 145px;
            display: inline-block;
            color: #666;
        }

        .b_c1 .brt .dtb .dsp3 {
            width: 55px;
            display: inline-block;
        }

    .b_c1 .brt .dbtn {
        font-size: 18px;
        line-height: 18px;
        padding: 40px 0 60px;
    }

        .b_c1 .brt .dbtn a {
            display: inline-block;
            width: 120px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            background: #605756;
            color: #fff;
            font-size: 12px;
            margin-left: 20px;
        }

            .b_c1 .brt .dbtn a:hover {
                background: #2e3192;
            }

    .b_c1 .brt .dbtn2 {
    }

        .b_c1 .brt .dbtn2 a {
            display: block;
            width: 410px;
            height: 90px;
            text-align: center;
            line-height: 90px;
            float: left;
            background: #2e3192;
            color: #fff;
            font-size: 24px;
        }

            .b_c1 .brt .dbtn2 a:hover {
                border-radius: 10px;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

        .b_c1 .brt .dbtn2 .brt {
            float: left;
            padding-left: 30px;
            width: 215px;
        }

            .b_c1 .brt .dbtn2 .brt div {
                font-size: 22px;
                line-height: 22px;
                padding: 20px 0;
            }

            .b_c1 .brt .dbtn2 .brt span {
                color: #2e3192;
                font-size: 28px;
                font-weight: bold;
            }

    .b_c1 .brt .dbtn3 {
        padding-top: 20px;
    }

        .b_c1 .brt .dbtn3 > a {
            display: inline-block;
            padding: 0 50px 0 30px;
            background: url(../images/b_c4.png)center left no-repeat;
            font-size: 18px;
            line-height: 26px;
        }

            .b_c1 .brt .dbtn3 > a:nth-child(2) {
                background: url(../images/b_c5.png)center left no-repeat;
            }

            .b_c1 .brt .dbtn3 > a:nth-child(3) {
                background: url(../images/b_c6.png)center left no-repeat;
            }

        .b_c1 .brt .dbtn3 .jiathis_style_24x24 {
            float: right;
            margin-right: 120px;
            display: none;
        }

.b_c2 {
    padding-bottom: 100px;
}

    .b_c2 .b_box {
        border: 1px solid #ddd;
        width: 1200px;
        box-sizing: border-box;
        margin: 0 auto;
    }

        .b_c2 .b_box .dtt {
            width: 100%;
            height: 40px;
            border-bottom: 1px solid #ddd;
            position: relative;
        }

            .b_c2 .b_box .dtt span {
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
                cursor: pointer;
                width: 120px;
                height: 40px;
                display: inline-block;
                margin-right: 0px;
                background: #605756;
                color: #fff;
                text-align: center;
                line-height: 40px;
            }

                .b_c2 .b_box .dtt span:hover, .b_c2 .b_box .dtt span.act {
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                    border-radius: 5px;
                    background: #2e3192;
                }

            .b_c2 .b_box .dtt .drt {
                position: absolute;
                width: 143px;
                right: 0px;
                top: 0;
                cursor: pointer;
            }

                .b_c2 .b_box .dtt .drt img {
                    display: block;
                    width: 100%;
                }

                .b_c2 .b_box .dtt .drt .dr_ct {
                    width: 110px;
                    padding: 15px;
                    border: 1px solid #ddd;
                    border-right: 0;
                    display: none;
                }

                    .b_c2 .b_box .dtt .drt .dr_ct div {
                        text-align: center;
                        line-height: 20px;
                        padding: 5px 0 0;
                    }

        .b_c2 .b_box dl {
        }

            .b_c2 .b_box dl img {
                display: block;
                margin: 10px auto;
            }

            .b_c2 .b_box dl dd {
                padding: 30px 30px 80px;
                text-align: left;
                display: none;
            }

                .b_c2 .b_box dl dd .tt {
                    font-size: 24px;
                    margin-bottom: 30px;
                }

                .b_c2 .b_box dl dd .ct {
                    color: #666;
                    margin-bottom: 25px;
                }

                .b_c2 .b_box dl dd .ct2 {
                    color: #666;
                }

                .b_c2 .b_box dl dd:nth-child(1) {
                    display: block;
                }

/*国外案例 */

.ca_1 {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}

    .ca_1 img {
        display: block;
        width: 100%;
    }

    .ca_1 .box {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -380px;
        width: 760px;
    }

        .ca_1 .box .en {
            font-size: 44px;
            line-height: 44px;
            color: #fff;
            opacity: .3;
            padding-top: 85px;
        }

        .ca_1 .box .tt {
            font-size: 18px;
            line-height: 18px;
            color: #fff;
            padding: 5px 0;
        }

        .ca_1 .box .ct {
            font-size: 12px;
            color: #fff;
        }

        .ca_1 .box .xian {
            width: 26px;
            height: 2px;
            background: #fff;
            margin: 25px auto;
        }

        .ca_1 .box .ipt {
            padding: 10px 0 20px;
            position: relative;
        }

            .ca_1 .box .ipt .ipct {
                display: none;
                position: absolute;
                top: 55px;
                left: 20px;
                width: 565px;
                height: 82px;
                background: url(../images/ca5.png);
                border-radius: 10px;
            }

                .ca_1 .box .ipt .ipct .ctt {
                    padding: 20px 0 0 20px;
                }

                .ca_1 .box .ipt .ipct .cct {
                    padding: 0 0 0 20px;
                }

                    .ca_1 .box .ipt .ipct .cct a {
                        color: #999;
                        margin-right: 30px;
                    }

                        .ca_1 .box .ipt .ipct .cct a:hover {
                            color: #2e3192;
                        }

            .ca_1 .box .ipt .iplt {
                width: 610px;
                height: 55px;
                background: #fff url(../images/se2.png)center left no-repeat;
                box-sizing: border-box;
                float: left;
                border-radius: 30px;
                padding-left: 55px;
            }

                .ca_1 .box .ipt .iplt input {
                    display: block;
                    width: 100%;
                    height: 100%;
                    border: none;
                    border-radius: 30px;
                    outline: none;
                }


/*
            .ca_1 .box .ipt a.iprt {
                display: block;
                width: 120px;
                height: 45px;
                text-align: center;
                line-height: 45px;
                background: #3c3938;
                color: #fff;
                font-size: 18px;
                float: right;
            }

                .ca_1 .box .ipt a.iprt:hover {
                    background: #2e3192;
                    border-radius: 10px;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

*/

.ca_1 .box .ipt input.iprt {
                display: block;
                width: 120px;
                height: 45px;
                text-align: center;
                line-height: 45px;
                background: #3c3938;
                color: #fff;
                font-size: 18px;
                float: right;
                border: none;
            }

                .ca_1 .box .ipt input.iprt:hover {
                    background: #2e3192;
                    border-radius: 10px;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }


.ca1 {
    width: 1820px;
    margin: 40px auto 50px;
}

    .ca1 .dl1 {
        padding: 40px 0 30px;
        background: #eaeaea;
    }

        .ca1 .dl1 dd {
            width: 455px;
            float: left;
            margin-bottom: 20px;
        }

            .ca1 .dl1 dd .dlt {
                width: 170px;
                float: left;
            }

                .ca1 .dl1 dd .dlt .img {
                    width: 114px;
                    margin: 0 auto;
                    overflow: hidden;
                }

                    .ca1 .dl1 dd .dlt .img img {
                        display: block;
                        width: 100%;
                        -webkit-transition: all .3s;
                        -moz-transition: all .3s;
                        transition: all .3s;
                    }

            .ca1 .dl1 dd .drt {
                width: 285px;
                float: right;
                padding-top: 20px;
            }

                .ca1 .dl1 dd .drt div {
                    font-size: 12px;
                    line-height: 12px;
                    margin-bottom: 10px;
                    color: #666;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

            .ca1 .dl1 dd:hover .dlt .img img {
                transform: scale(1.05);
                -webkit-transform: scale(1.05);
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .ca1 .dl1 dd:hover .drt div {
                color: #2e3192;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

    .ca1 .tt {
        padding-bottom: 30px;
    }

        .ca1 .tt a {
            margin-right: 50px;
            display: inline-block;
            width: 120px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-radius: 5px;
            background: #3c3938;
            color: #fff;
            font-size: 16px;
        }

            .ca1 .tt a.act, .ca1 .tt a:hover {
                background: #2e3192;
            }

/* 国内案例 */

.cb1 {
    position: relative;
}

    .cb1 .cblt {
        width: 26%;
        box-sizing: border-box;
        padding: 20px;
        background: #eaeaea;
        position: relative;
        float: left;
    }

        .cb1 .cblt .bt1 {
        }

            .cb1 .cblt .bt1 select {
                width: 48%;
                height: 55px;
                font-size: 18px;
                text-align: center;
                margin-right: 3%;
                box-sizing: border-box;
            }

                .cb1 .cblt .bt1 select:nth-child(2) {
                    margin-right: 0;
                }

        .cb1 .cblt .ss {
            border-radius: 5px;
            width: 100%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            background: #393c38;
            color: #fff;
            font-size: 18px;
            display: block;
            margin: 20px 0;
        }

            .cb1 .cblt .ss:hover {
                background: #2e3192;
            }

        .cb1 .cblt .dt {
        }

        .cb1 .cblt dl {
            height: 550px;
            width: 95%;
            margin: 60px 0 20px;
        }

            .cb1 .cblt dl dd {
                margin-bottom: 30px;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

                .cb1 .cblt dl dd .dlt {
                    width: 26%;
                    float: left;
                    overflow: hidden;
                }

                    .cb1 .cblt dl dd .dlt img {
                        display: block;
                        width: 100%;
                        -webkit-transition: all .3s;
                        -moz-transition: all .3s;
                        transition: all .3s;
                    }

                .cb1 .cblt dl dd .drt {
                    width: 69%;
                    float: right;
                }

                    .cb1 .cblt dl dd .drt div, .cb1 .cblt dl dd .drt div span {
                        margin-top: 10px;
                        height: 14px;
                        overflow: hidden;
                        -webkit-transition: all .3s;
                        -moz-transition: all .3s;
                        transition: all .3s;
                        font-size: 12px;
                        line-height: 14px;
                        color: #999;
                    }

                    .cb1 .cblt dl dd .drt .sp1 {
                        font-size: 14px;
                        color: #2e3192;
                        -webkit-transition: all .3s;
                        -moz-transition: all .3s;
                        transition: all .3s;
                        display: inline-block;
                        padding: 2px 5px;
                        margin-top: 10px;
                    }

                .cb1 .cblt dl dd:hover img {
                    transform: scale(1.05);
                    -webkit-transform: scale(1.05);
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

                .cb1 .cblt dl dd:hover .sp1 {
                    color: #fff;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                    background: #2e3192;
                }

    .cb1 .cbrt {
        width: 74%;
        float: right;
        height: 725px;
        box-sizing: border-box;
    }

.BMap_mask, .BMap_stdMpZoom, .BMap_stdMpPan, .BMap_cpyCtrl, .BMap_scaleTxt, .BMap_scaleCtrl, .BMap_omCtrl, .anchorBL {
    display: none !important;
}

/* 案例汇总 */

.ca_o1 .cart {
    width: 960px;
    float: right;
    border-left: 1px solid #ddd;
    box-sizing: border-box;
    padding-left: 50px;
}

    .ca_o1 .cart ul {
    }

        .ca_o1 .cart ul li {
            width: 289px;
            float: left;
            margin-right: 20px;
            margin-bottom: 50px;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            transition: all .5s;
        }

            .ca_o1 .cart ul li:nth-child(3n) {
                margin-right: 0;
            }

            .ca_o1 .cart ul li .img, .ca_o1 .cart ul li .img img {
                display: block;
                width: 100%;
                overflow: hidden;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .ca_o1 .cart ul li .txt {
                overflow: hidden;
                padding: 0 10px;
                height: 45px;
                line-height: 45px;
                background: #ececec;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .ca_o1 .cart ul li:hover img {
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
                transform: scale(1.05);
                -webkit-transform: scale(1.05);
            }

            .ca_o1 .cart ul li:hover .txt {
                background: #2e3192;
                color: #fff;
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                transition: all .5s;
            }

            .ca_o1 .cart ul li:hover {
                -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .3);
                box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .3);
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                transition: all .5s;
            }

    .ca_o1 .cart .load {
        text-align: center;
    }

/* 案例详情 */

.cc1 {
    padding: 100px 0 80px;
}

    .cc1 .cbox {
        width: 1000px;
        margin: 0 auto;
    }

        .cc1 .cbox .tt {
            padding-left: 15px;
            border-left: 5px solid #2e3192;
            font-size: 24px;
        }

        .cc1 .cbox .day {
            line-height: 14px;
            color: #666;
            padding: 30px 0 0;
        }

        .cc1 .cbox .img {
            display: block;
            width: 100%;
            margin: 20px 0;
        }

            .cc1 .cbox .img img {
                display: block;
                width: 100%;
            }

        .cc1 .cbox .ct {
            color: #666;
            line-height: 20px;
            text-align: justify;
        }

            .cc1 .cbox .ct img {
                display: block;
                margin: 0 auto;
            }

        .cc1 .cbox .cbus {
            padding: 30px 0;
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            margin: 50px 0;
        }

            .cc1 .cbox .cbus img {
                width: 202px;
                display: block;
                float: left;
                border: 1px solid #ddd;
                margin-left: 145px;
            }

            .cc1 .cbox .cbus .crt {
                width: 605px;
                float: right;
            }

                .cc1 .cbox .cbus .crt .lt1 {
                    width: 375px;
                    float: left;
                }

                .cc1 .cbox .cbus .crt .rt1 {
                    width: 230px;
                    float: right;
                }

                .cc1 .cbox .cbus .crt .ltt {
                    font-size: 20px;
                    font-weight: bold;
                }

                .cc1 .cbox .cbus .crt a {
                    display: block;
                    font-size: 18px;
                    color: #666;
                    line-height: 18px;
                    margin: 15px 0;
                }

                    .cc1 .cbox .cbus .crt a:hover {
                        color: #2e3192;
                    }

        .cc1 .cbox .tt2 {
            font-size: 24px;
            color: #2e3192;
            text-align: center;
            margin: 100px 0 30px;
        }

        .cc1 .cbox .a {
            display: block;
            width: 100%;
            height: 60px;
            line-height: 60px;
            text-align: center;
            background: #393c38;
            color: #fff;
            margin-bottom: 20px;
            font-size: 22px;
        }

            .cc1 .cbox .a:hover {
                background: #2e3192;
            }

.cc2 {
    padding: 100px 0;
    background: #f0f0f0;
}

    .cc2 .cbox {
        width: 1000px;
        margin: 0 auto;
    }

        .cc2 .cbox .tt {
            padding-left: 15px;
            border-left: 5px solid #2e3192;
            font-size: 24px;
        }

        .cc2 .cbox dl {
            margin-top: 50px;
        }

            .cc2 .cbox dl dd {
                width: 318px;
                float: left;
                margin-right: 23px;
            }

                .cc2 .cbox dl dd:nth-child(3) {
                    margin-right: 0;
                }

                .cc2 .cbox dl dd .img, .cc2 .cbox dl dd .img img {
                    display: block;
                    width: 100%;
                    overflow: hidden;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

                .cc2 .cbox dl dd .txt {
                    height: 50px;
                    line-height: 50px;
                    text-align: center;
                    overflow: hidden;
                    padding: 0 10px;
                    background: #ececec;
                    font-size: 16px;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

                .cc2 .cbox dl dd:hover img {
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                    transform: scale(1.05);
                    -webkit-transform: scale(1.05);
                }

                .cc2 .cbox dl dd:hover .txt {
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                    background: #2e3192;
                    color: #fff;
                }

/* 网络错误 */

.er1 {
    padding: 120px 0;
    text-align: center;
}

    .er1 .ebox {
        width: 400px;
        margin: 0 auto;
    }

        .er1 .ebox .img, .er1 .ebox .img img {
            display: block;
            width: 100%;
            position: relative;
        }

            .er1 .ebox .img .hd1 {
                animation: b1 2.5s linear;
                -webkit-animation: b1 2.5s linear;
                animation-fill-mode: forwards;
                -webkit-animation-fill-mode: forwards;
                width: 18px;
                height: 18px;
                background: url(../images/ee2.png)center no-repeat;
                position: absolute;
                top: 50px;
                left: 195px;
            }

            .er1 .ebox .img .sp1, .er1 .ebox .img .sp2 {
                animation: b2 1s linear infinite alternate;
                -webkit-animation: b2 1s linear infinite alternate;
                -webkit-box-shadow: 1px 1px 1px 5px rgba(243, 237, 110, .3);
                box-shadow: 1px 1px 1px 5px rgba(243, 237, 110, .3);
                width: 10px;
                height: 10px;
                background: #f3ed6e;
                border-radius: 50%;
                display: inline-block;
                opacity:;
                position: absolute;
                top: 80px;
                left: 140px;
            }

            .er1 .ebox .img .sp2 {
                top: 55px;
                left: 235px;
            }

        .er1 .ebox .tt {
            font-size: 30px;
            line-height: 30px;
            padding: 30px 0;
        }

        .er1 .ebox .ct {
            color: #999;
            line-height: 14px;
        }

        .er1 .ebox a {
            display: block;
            width: 120px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-radius: 5px;
            margin: 30px auto;
            background: #2e3192;
            color: #fff;
        }

        .er1 .ebox .tj {
            line-height: 14px;
        }

            .er1 .ebox .tj span {
                color: #c00;
            }

@keyframes b1 {
    0% {
        top: 50px;
        transform: rotate(-45deg);
    }

    90% {
        opacity: 1;
    }

    100% {
        top: 70px;
        transform: rotate(0deg);
        opacity: 0;
    }
}

@-webkit-keyframes b1 {
    0% {
        top: 50px;
        transform: rotate(-45deg);
    }

    90% {
        opacity: 1;
    }

    100% {
        top: 70px;
        transform: rotate(0deg);
        opacity: 0;
    }
}

@keyframes b2 {
    0% {
        opacity: .1;
    }

    100% {
        opacity: .8;
    }
}

@-webkit-keyframes b2 {
    0% {
        opacity: .1;
    }

    100% {
        opacity: .8;
    }
}

/* 移动app */

.ap1 {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    font-family: siyuan;
}

    .ap1 img {
        display: block;
        width: 100%;
    }

    .ap1 .box {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -600px;
        padding-left: 70px;
    }

        .ap1 .box .tt {
            font-size: 30px;
            font-weight: bold;
            color: #fff;
            line-height: 30px;
            padding-top: 155px;
        }

        .ap1 .box .ct {
            height: 56px;
            line-height: 56px;
            font-size: 20px;
            color: #fff;
        }

        .ap1 .box .en {
            font-size: 50px;
            line-height: 50px;
            color: #fff;
            opacity: .3;
            font-weight: bold;
        }

        .ap1 .box .xian {
            width: 26px;
            height: 2px;
            background: #fff;
            margin: 20px 0;
        }

        .ap1 .box .alt {
            width: 235px;
            float: left;
        }

            .ap1 .box .alt .a_ip, .ap1 .box .alt .a_an {
                display: block;
                width: 160px;
                height: 60px;
                line-height: 60px;
                padding-left: 75px;
                background: #40a500 url(../images/ap2.png)center left no-repeat;
                border-radius: 5px;
                color: #fff;
                font-size: 20px;
            }

            .ap1 .box .alt .a_an {
                background: #226cc1 url(../images/ap3.png)center left no-repeat;
                margin-top: 20px;
            }

        .ap1 .box .art {
            float: left;
        }

            .ap1 .box .art .img {
                width: 105px;
                padding: 17.5px;
                background: url(../images/ap5.png)center;
                border-radius: 5px;
                margin-left: 20px;
            }

                .ap1 .box .art .img img {
                    display: block;
                    width: 100%;
                }

            .ap1 .box .art .txt {
                width: 180px;
                text-align: center;
                font-size: 12px;
                color: #999;
                line-height: 18px;
                padding-top: 10px;
            }

        .ap1 .box .a_m {
            width: 455px;
            position: absolute;
            top: 80px;
            right: 70px;
        }

            .ap1 .box .a_m img {
                display: block;
                width: 100%;
            }

.ap2 {
    padding: 100px 0;
    background: #f8f8f8;
}

    .ap2 .tt {
        text-align: center;
        font-size: 24px;
    }

    .ap2 dl {
        padding-top: 70px;
        min-height: 550px;
        transform: scale(0.01);
        -webkit-transform: scale(0.01);
    }

        .ap2 dl.act {
            transform: scale(1);
            -webkit-transform: scale(1);
            -webkit-transition: all 1.5s;
            -moz-transition: all 1.5s;
            transition: all 1.5s;
        }

        .ap2 dl dd {
            width: 581px;
            float: left;
            margin-bottom: 20px;
        }

            .ap2 dl dd .dlt {
                float: right;
                width: 145px;
                height: 145px;
                padding: 10px;
                background: #eed6b5;
                border-radius: 50%;
                -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .2);
                box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .2);
            }

                .ap2 dl dd .dlt img {
                    display: block;
                    width: 100%;
                    border-radius: 50%;
                }

            .ap2 dl dd .drt {
                float: right;
                text-align: right;
                margin-right: 40px;
            }

            .ap2 dl dd .dtt {
                font-size: 18px;
                line-height: 18px;
                padding: 20px 0;
            }

            .ap2 dl dd .dct {
                color: #666;
                line-height: 26px;
            }

            .ap2 dl dd:nth-child(2n) {
                float: right;
            }

                .ap2 dl dd:nth-child(2n) .dlt, .ap2 dl dd:nth-child(2n) .drt {
                    float: left;
                    text-align: left;
                }

                .ap2 dl dd:nth-child(2n) .drt {
                    margin-left: 40px;
                }

    .ap2 .dlimg {
        width: 550px;
        height: 550px;
        position: absolute;
        top: 70px;
        left: 50%;
        margin-left: -275px;
    }

        .ap2 .dlimg.act {
            transform: scale(0) rotate(720deg);
            -webkit-transform: scale(0) rotate(720deg);
            -webkit-transition: all 1.5s;
            -moz-transition: all 1.5s;
            transition: all 1.5s;
        }


.ap3 {
    padding-top: 50px;
}

    .ap3 .apd1 {
    }

        .ap3 .apd1 .box {
            overflow: hidden;
            background: url(../images/ap13.png)center bottom no-repeat;
            padding-bottom: 1px;
        }

        .ap3 .apd1 .dlt {
            width: 50%;
            float: left;
            text-align: center;
            position: relative;
            left: -100%;
        }

            .ap3 .apd1 .dlt .tt {
                font-size: 20px;
                color: #2e3192;
                line-height: 30px;
                padding-top: 190px;
            }

                .ap3 .apd1 .dlt .tt span {
                    font-size: 30px;
                    color: #2e3192;
                    font-style: italic;
                }

            .ap3 .apd1 .dlt .ct {
                color: #666;
                padding-top: 20px;
                width: 300px;
                text-align: left;
                padding-left: 240px;
                font-size: 18px;
                line-height: 30px;
            }

        .ap3 .apd1 .drt {
            width: 50%;
            float: right;
            opacity: 0;
        }

            .ap3 .apd1 .drt a {
                display: block;
                width: 100%;
            }

            .ap3 .apd1 .drt img {
                display: block;
                width: 320px;
                float: left;
            }

            .ap3 .apd1 .drt .txt {
                text-align: left;
                display: block;
                width: 250px;
                position: absolute;
                left: 350px;
                bottom: 30px;
                font-size: 18px;
                color: #666;
            }

            .ap3 .apd1 .drt .swiper-pagination_ap1 {
                width: 250px;
                text-align: left;
                left: 350px;
                bottom: 60px;
            }

                .ap3 .apd1 .drt .swiper-pagination_ap1 span {
                    width: 10px;
                    height: 10px;
                }

                .ap3 .apd1 .drt .swiper-pagination_ap1 .swiper-pagination-bullet-active {
                    background: #2e3192;
                }

    .ap3 .apd2 {
    }

        .ap3 .apd2 .box {
            overflow: hidden;
            background: url(../images/ap13.png)center bottom no-repeat;
            padding-bottom: 1px;
        }

        .ap3 .apd2 .dlt {
            width: 720px;
            float: left;
            opacity: 0;
        }

            .ap3 .apd2 .dlt img {
                display: block;
                width: 100%;
            }

        .ap3 .apd2 .drt {
            width: 480px;
            float: right;
            text-align: left;
            position: relative;
            right: -100%;
        }

            .ap3 .apd2 .drt .tt {
                font-size: 20px;
                color: #2e3192;
                line-height: 30px;
                padding-top: 270px;
            }

                .ap3 .apd2 .drt .tt span {
                    font-size: 30px;
                    color: #2e3192;
                    font-style: italic;
                }

    .ap3 .apd3 {
    }

        .ap3 .apd3 .box {
            background: url(../images/ap13.png)center bottom no-repeat;
            padding-bottom: 130px;
        }

        .ap3 .apd3 .txt {
            width: 600px;
            text-align: center;
        }

        .ap3 .apd3 .tt {
            font-size: 20px;
            color: #2e3192;
            line-height: 30px;
            padding-top: 160px;
        }

            .ap3 .apd3 .tt span {
                font-size: 30px;
                color: #2e3192;
                font-style: italic;
            }

        .ap3 .apd3 .txt {
            width: 600px;
            position: relative;
            left: -100%;
        }

        .ap3 .apd3 .ct {
            text-align: left;
            font-size: 18px;
            line-height: 30px;
            padding-top: 20px;
            color: #666;
            padding-left: 240px;
        }

        .ap3 .apd3 .img {
            position: absolute;
            top: 0;
            left: 590px;
            width: 0px;
            overflow: hidden;
        }

            .ap3 .apd3 .img img {
                display: block;
                width: 610px;
                height: 510px;
            }

            .ap3 .apd3 .img.act {
                width: 640px;
            }

    .ap3 .apd4 {
        height: 560px;
    }

        .ap3 .apd4 .box {
            overflow: hidden;
        }

        .ap3 .apd4 .dlt {
            width: 50%;
            float: left;
            position: relative;
            overflow: hidden;
            height: 560px;
            opacity: 0;
        }

        .ap3 .apd4 .drt {
            width: 50%;
            float: right;
            text-align: center;
            position: relative;
            right: -100%;
        }

        .ap3 .apd4 .dlt img {
            display: block;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }

        .ap3 .apd4 .dlt .img1 {
            top: 7px;
            left: -86px;
        }

        .ap3 .apd4 .dlt .img2 {
            top: 16px;
            left: -167px;
        }

        .ap3 .apd4 .tt {
            font-size: 20px;
            color: #2e3192;
            line-height: 30px;
            padding-top: 160px;
        }

            .ap3 .apd4 .tt span {
                font-size: 30px;
                color: #2e3192;
                font-style: italic;
            }

        .ap3 .apd4 .ct {
            text-align: left;
            width: 300px;
            padding-left: 240px;
            font-size: 18px;
            line-height: 30px;
            color: #666;
            padding-top: 20px;
        }

    .ap3 .apd5 {
        height: 670px;
        background: url(../images/ap20.png)center no-repeat;
        overflow: hidden;
        padding-top: 800px;
    }

        .ap3 .apd5 .ap_2 {
            padding-bottom: 50px;
        }

            .ap3 .apd5 .ap_2 .swiper-slide {
                background: none;
            }

        .ap3 .apd5 .tt {
            font-size: 20px;
            color: #fff;
            line-height: 30px;
            padding-top: 30px;
        }

            .ap3 .apd5 .tt span {
                font-size: 30px;
                color: #fff;
                font-style: italic;
            }

        .ap3 .apd5 .ct {
            font-size: 18px;
            line-height: 18px;
            color: #fff;
            padding: 20px 0;
        }

        .ap3 .apd5 .ap_2 .swiper-pagination_ap2 span {
            width: 10px;
            height: 10px;
        }

        .ap3 .apd5 .ap_2 .swiper-pagination_ap2 .swiper-pagination-bullet-active {
            background: #2e3192;
        }

    .ap3 .apd6 {
        padding: 100px 0;
        text-align: center;
    }

        .ap3 .apd6 .tt {
            font-size: 30px;
            font-style: italic;
            padding: 30px 0 10px;
            line-height: 30px;
        }

        .ap3 .apd6 .ct {
            font-size: 16px;
            color: #666;
            font-style: italic;
        }

.abo3 .wh dl:nth-child(2) {
    display: none;
}


/* 法律声明 */

.la1 {
    padding: 100px 0;
    text-align: center;
}

    .la1 .tc {
        text-align: justify;
        color: #666;
        text-indent: 2em;
        line-height: 26px;
    }

    .la1 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .la1 .tt2 {
        font-size: 20px;
        text-align: left;
        padding: 20px 0;
        font-weight: bold;
    }

    .la1 .tt3 {
        font-size: 16px;
        text-align: left;
        padding: 20px 0;
        font-weight: bold;
    }


/* 联系我们 */

.abc1 {
    text-align: center;
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    background: url(../images/abc1.png)top right no-repeat;
    padding: 100px 0 0;
}

    .abc1 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .abc1 .tt {
        margin-bottom: 100px;
    }

    .abc1 .dlt {
        width: 720px;
        float: left;
    }

        .abc1 .dlt #map {
            width: 600px;
            height: 220px;
        }

    .abc1 .drt {
        width: 480px;
        float: right;
        text-align: left;
    }

        .abc1 .drt img {
            display: block;
            width: 420px;
        }

        .abc1 .drt .ct div {
            line-height: 14px;
            margin-bottom: 15px;
            color: #666;
        }

            .abc1 .drt .ct div span {
                font-weight: bold;
            }

    .abc1 dl {
        padding-top: 30px;
    }

        .abc1 dl dd {
            width: 392px;
            float: left;
            margin-right: 12px;
        }

            .abc1 dl dd:nth-child(3) {
                margin-right: 0;
            }

            .abc1 dl dd .img, .abc1 dl dd .img img {
                display: block;
                width: 100%;
                overflow: hidden;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .abc1 dl dd .txt {
                line-height: 14px;
                color: #666;
                padding-top: 10px;
                text-align: left;
            }

            .abc1 dl dd .img:hover img {
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
                transform: scale(1.05);
                -webkit-transform: scale(1.05);
            }

.abc2 {
    padding-top: 100px;
    text-align: center;
}

    .abc2 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .abc2 .tt {
        margin-bottom: 100px;
    }

    .abc2 .btn1 {
        padding-bottom: 100px;
    }

        .abc2 .btn1 a {
            display: inline-block;
            padding: 0 35px;
            font-size: 20px;
            font-weight: bold;
            line-height: 20px;
        }

            .abc2 .btn1 a:nth-child(1) {
                border-right: 2px solid #666;
            }

            .abc2 .btn1 a.act, .abc2 .btn1 a:hover {
                color: #2e3192;
            }

    .abc2 dl {
    }

        .abc2 dl dd {
            display: none;
        }

            .abc2 dl dd:nth-child(1) {
                display: block;
            }

            .abc2 dl dd .dlt {
                width: 600px;
                float: left;
                position: relative;
            }

            .abc2 dl dd .drt {
                width: 500px;
                float: right;
                text-align: left;
            }

                .abc2 dl dd .drt .img {
                    width: 360px;
                    height: 204px;
                    box-sizing: border-box;
                    border: 4px solid #dbdbdb;
                    overflow: hidden;
                }

                    .abc2 dl dd .drt .img img {
                        display: block;
                        width: 100%;
                        height: 100%;
                        -webkit-transition: all .3s;
                        -moz-transition: all .3s;
                        transition: all .3s;
                    }

                    .abc2 dl dd .drt .img:hover img {
                        -webkit-transition: all .3s;
                        -moz-transition: all .3s;
                        transition: all .3s;
                        transform: scale(1.05);
                        -webkit-transform: scale(1.05);
                    }

                .abc2 dl dd .drt .d_box {
                    height: 260px;
                    padding: 10px 0;
                    overflow: auto;
                }

                .abc2 dl dd .drt .dtt {
                    font-size: 20px;
                    font-weight: bold;
                    color: #2e3192;
                    background: url(../images/abc8.png)center left no-repeat;
                    padding-left: 30px;
                    height: 26px;
                    line-height: 26px;
                    margin: 20px 0 30px;
                }

                .abc2 dl dd .drt .dct {
                    line-height: 20px;
                    margin-bottom: 20px;
                    color: #666;
                }

                    .abc2 dl dd .drt .dct span {
                        font-weight: bold;
                    }

            .abc2 dl dd .dlt .ltbox {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
            }

                .abc2 dl dd .dlt .ltbox a {
                    display: block;
                    position: absolute;
                    top: 166px;
                    right: 130px;
                }

                    .abc2 dl dd .dlt .ltbox a .mlt {
                        width: 20px;
                        height: 20px;
                        float: left;
                        position: relative;
                    }

                    .abc2 dl dd .dlt .ltbox a .mrt {
                        font-size: 12px;
                        float: left;
                        line-height: 20px;
                        -webkit-transition: all .3s;
                        -moz-transition: all .3s;
                        transition: all .3s;
                    }

                    .abc2 dl dd .dlt .ltbox a .mlt .quan {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        width: 40px;
                        height: 40px;
                        margin: -20px 0 0 -20px;
                        border: 1px solid #2e3192;
                        border-radius: 50%;
                        opacity: 0;
                    }

                    .abc2 dl dd .dlt .ltbox a .mlt i {
                        position: absolute;
                        top: 25%;
                        left: 30%;
                        width: 50%;
                        height: 50%;
                        background: #2e3192;
                        border-radius: 50%;
                    }

                    .abc2 dl dd .dlt .ltbox a .mlt .quan:nth-child(1) {
                        -webkit-animation: ripple 4.5s ease-out .22s infinite;
                        animation: ripple 4.5s ease-out .22s infinite;
                    }

                    .abc2 dl dd .dlt .ltbox a .mlt .quan:nth-child(2) {
                        -webkit-animation: ripple 4.5s ease-out .9s infinite;
                        animation: ripple 4.5s ease-out .9s infinite;
                    }

                    .abc2 dl dd .dlt .ltbox a .mlt .quan:nth-child(3) {
                        -webkit-animation: ripple 4.5s ease-out 1.8s infinite;
                        animation: ripple 4.5s ease-out 1.8s infinite;
                    }

            .abc2 dl dd:nth-child(1) .dlt .ltbox a:nth-child(4) .mlt i {
                background: url(../images/abc10.png)center no-repeat;
                background-size: 100%;
                width: 18px;
                height: 18px;
                top: 10%;
                left: 10%;
            }


@-webkit-keyframes ripple {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1);
    }

    5% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
    }
}

@keyframes ripple {
    0% {
        opacity: 0;
        transform: scale(.1);
    }

    5% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: scale(1);
    }
}

.abc2 dl dd .dlt .ltbox a:hover .mrt, .abc2 dl dd .dlt .ltbox a.act .mrt {
    color: #2e3192;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.abc2 dl dd .dlt .ltbox a:nth-child(2) {
    top: 240px;
    right: 120px;
}

.abc2 dl dd .dlt .ltbox a:nth-child(3) {
    top: 284px;
    right: 90px;
}

.abc2 dl dd .dlt .ltbox a:nth-child(4) {
    top: 315px;
    right: 106px;
}

.abc2 dl dd .dlt .ltbox a:nth-child(5) {
    top: 390px;
    right: 180px;
}

.abc2 dl dd .dlt .ltbox a:nth-child(6) {
    top: 410px;
    right: 160px;
}

.abc2 dl dd .dlt .ltbox a:nth-child(7) {
    top: 306px;
    right: 105px;
}

.abc2 dl dd:nth-child(2) .dlt .ltbox a:nth-child(1) {
    top: 260px;
    right: 340px;
}

.abc2 dl dd:nth-child(2) .dlt .ltbox a:nth-child(2) {
    top: 230px;
    right: 330px;
}

.abc2 dl dd:nth-child(2) .dlt .ltbox a:nth-child(3) {
    top: 229px;
    right: 343px;
}

.abc2 dl dd:nth-child(2) .dlt .ltbox a:nth-child(4) {
    top: 250px;
    right: 307px;
}

.abc2 dl dd:nth-child(2) .dlt .ltbox a:nth-child(5) {
    top: 280px;
    right: 255px;
}

.abc2 dl dd:nth-child(2) .dlt .ltbox a:nth-child(6) {
    top: 238px;
    right: 306px;
}

.abc2 dl dd:nth-child(2) .dlt .ltbox a:nth-child(1) .mrt {
    position: relative;
    left: -45px;
    top: 20px;
}

.abc2 dl dd:nth-child(2) .dlt .ltbox a:nth-child(3) .mrt {
    position: relative;
    left: -45px;
    top: -20px;
}

.abc2 dl dd:nth-child(2) .dlt .ltbox a:nth-child(2) .mrt {
    position: relative;
    left: -5px;
    top: -10px;
}

.abc2 dl dd:nth-child(2) .dlt .ltbox a:nth-child(4) .mrt {
    position: relative;
    left: -45px;
    top: 15px;
}





/* 印染 */

.di1 {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    font-family: siyuan;
}

    .di1 img {
        display: block;
        width: 100%;
    }

    .di1 .dibox {
        width: 1080px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -540px;
        text-align: center;
    }

        .di1 .dibox .tt {
            font-size: 40px;
            font-weight: bold;
            line-height: 40px;
            color: #fff;
            padding: 80px 0 20px;
        }

        .di1 .dibox .img {
            height: 92px;
            background: url(../images/di2.png)center no-repeat;
        }

            .di1 .dibox .img .t1 {
                font-size: 20px;
                line-height: 50px;
                color: #fff;
            }

            .di1 .dibox .img .t2 {
                font-size: 28px;
                line-height: 20px;
                color: #fff;
            }

        .di1 .dibox .ct {
            width: 600px;
            margin: 0 auto;
        }

        .di1 .dibox .ct1 {
            color: #75afdd;
            font-size: 18px;
            padding: 20px 0;
            line-height: 18px;
        }

        .di1 .dibox .ct2 {
            color: #75afdd;
            font-size: 12px;
        }

.di2 {
    padding: 100px 0;
    text-align: center;
}

    .di2 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .di2 .ct {
        width: 910px;
        padding: 50px 0 30px;
        margin: 0 auto;
        text-align: center;
        color: #666;
    }

    .di2 .move_2 {
        width: 200px;
        height: 60px;
        text-align: center;
        line-height: 60px;
        background: #2e3192;
        color: #fff;
        font-size: 24px;
        margin: 0 auto;
        display: block;
    }

        .di2 .move_2:hover {
            border-radius: 10px;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

    .di2 .move_3 {
        width: 175px;
        padding: 5px 25px;
        border: 2px solid #2e3192;
        border-radius: 30px;
        margin: 50px auto 20px;
        font-size: 20px;
    }

    .di2 .ct2 {
        font-size: 24px;
        padding: 20px 0 0;
    }

.di3 {
    text-align: center;
    padding: 50px 0 70px;
    background: url(../images/di2.jpg)center no-repeat;
    background-size: cover;
}

    .di3 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
        color: #fff;
    }

    .di3 .dbox {
        padding-top: 60px;
        text-align: justify;
    }

        .di3 .dbox .dlt {
            width: 485px;
            padding-right: 115px;
            font-size: 12px;
            color: #fff;
            float: left;
        }

        .di3 .dbox .drt {
            float: right;
            border-left: 1px solid #fff;
            color: #fff;
            padding-left: 105px;
            width: 484px;
        }

            .di3 .dbox .drt .dtt {
                font-size: 18px;
                color: #fff;
                padding-bottom: 20px;
            }

            .di3 .dbox .drt .dct {
                color: #fff;
                font-size: 12px;
            }

.di4 {
    text-align: center;
    padding: 70px 0 110px;
    background: #eff5fa;
    overflow: hidden;
}

    .di4 .tt {
        width: 295px;
        margin-left: 300px;
    }

    .di4 .tt1 {
        font-size: 36px;
        line-height: 36px;
    }

        .di4 .tt1 span {
            color: #2e3192;
            font-size: 36px;
        }

    .di4 .tt2 {
        font-size: 16px;
        padding-top: 10px;
    }

    .di4 .ct {
        padding: 20px 475px 20px 30px;
        background: #fff;
        text-align: justify;
        margin-top: 50px;
        min-height: 120px;
    }

        .di4 .ct .ctbox {
            display: none;
        }

            .di4 .ct .ctbox:nth-child(1) {
                display: block;
            }

    .di4 .ctt {
        font-size: 16px;
    }

    .di4 .ctc {
        font-size: 12px;
        color: #666;
        padding-top: 10px;
    }

    .di4 .img {
        position: absolute;
        top: 110px;
        right: 0;
        width: 450px;
        height: 300px;
    }

        .di4 .img img {
            display: block;
            width: 150px;
            background: none;
            width: 100%;
            border: none;
        }

#carousel {
    position: absolute;
    top: 0px;
    right: 0;
}








.di5 {
    text-align: center;
    width: 100%;
    padding: 100px 0;
}

    .di5 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .di5 .ct {
        padding: 50px 0;
        text-align: justify;
    }

    .di5 .ct2 {
        padding: 35px 0 45px;
        background: #2e3192;
    }

        .di5 .ct2 .dtt {
            font-size: 34px;
            line-height: 34px;
            color: #fff;
        }

        .di5 .ct2 .dct {
            font-size: 22px;
            line-height: 22px;
            color: #fff;
            padding-top: 30px;
        }

    .di5 .img {
        display: block;
        width: 100%;
        max-width: 1200px;
        margin-top: 30px;
    }

        .di5 .img img {
            display: block;
            width: 100%;
        }

.di6 {
    text-align: center;
}

    .di6 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .di6 .box1 {
        margin-top: 50px;
        background: #eff5fa;
        padding: 100px 0;
    }

        .di6 .box1 a {
            display: block;
            text-align: left;
            font-size: 16px;
            line-height: 36px;
        }

        .di6 .box1 .div_scroll {
            height: 250px;
        }

.di7 {
    text-align: center;
    padding: 100px 0;
}

    .di7 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .di7 .ct {
        font-size: 18px;
        color: #666;
        padding: 10px 0;
    }

    .di7 .ct2 {
        font-size: 24px;
        color: #2e3192;
        margin: 100px auto;
    }

    .di7 .btn {
        width: 640px;
        margin: 0 auto;
    }

        .di7 .btn a {
            display: block;
            width: 250px;
            height: 60px;
            background: #3c3938;
            color: #fff;
            font-size: 22px;
            line-height: 60px;
            float: left;
        }

            .di7 .btn a:nth-child(2) {
                float: right;
            }

            .di7 .btn a:hover {
                background: #2e3192;
                border-radius: 30px;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

    .di7 .di_1 {
        margin-top: 65px;
        padding-bottom: 50px;
    }

        .di7 .di_1 .a {
            display: block;
            width: 100%;
            position: relative;
        }

            .di7 .di_1 .a .img {
                width: 664px;
                display: block;
                overflow: hidden;
                float: left;
            }

                .di7 .di_1 .a .img img {
                    display: block;
                    width: 100%;
                }

        .di7 .di_1 .art {
            width: 600px;
            height: 345px;
            position: absolute;
            top: 28px;
            right: 5px;
            background: #fff;
            box-sizing: border-box;
            padding: 50px 65px 40px;
            text-align: left;
            -webkit-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .1);
            box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .1);
        }

            .di7 .di_1 .art .att {
                font-size: 18px;
                height: 50px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
            }

            .di7 .di_1 .art .act {
                font-size: 12px;
                color: #666;
                margin-top: 10px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 4;
                -webkit-box-orient: vertical;
                height: 88px;
            }

            .di7 .di_1 .art .amove {
                margin-top: 45px;
                padding-top: 35px;
                border-top: 1px dotted #666;
            }

                .di7 .di_1 .art .amove a {
                    margin-right: 30px;
                }

                    .di7 .di_1 .art .amove a:hover {
                        color: #2e3192;
                    }

        .di7 .di_1 .swiper-pagination_di1 {
            bottom: 0;
        }

            .di7 .di_1 .swiper-pagination_di1 span {
                background: #3c3938;
                opacity: 1;
            }

            .di7 .di_1 .swiper-pagination_di1 .swiper-pagination-bullet-active {
                background: #2e3192;
            }

/* 解决方案 */

.pl1 {
    padding: 50px 0 20px;
    position: relative;
}

    .pl1 .plan1 {
        width: 974px;
        padding: 0 113px;
        height: 113px;
        position: relative;
        background: #fff;
    }

        .pl1 .plan1 .swiper-slide {
            width: 113px;
            height: 113px;
            background: #f1f1f1;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

            .pl1 .plan1 .swiper-slide a {
                display: block;
                width: 100%;
                height: 100%;
                position: relative;
            }

                .pl1 .plan1 .swiper-slide a .img {
                    width: 100%;
                    overflow: hidden;
                    height: 80px;
                }

                    .pl1 .plan1 .swiper-slide a .img img {
                        display: block;
                        width: 100%;
                        -webkit-transition: all .3s;
                        -moz-transition: all .3s;
                        transition: all .3s;
                    }

            .pl1 .plan1 .swiper-slide:hover a .img img:nth-child(1) {
                margin-top: -113px;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .pl1 .plan1 .swiper-slide:hover {
                background: #2e3192;
            }

            .pl1 .plan1 .swiper-slide.act a .img img:nth-child(1) {
                margin-top: -113px;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .pl1 .plan1 .swiper-slide.act {
                background: #2e3192;
            }

            .pl1 .plan1 .swiper-slide a .txt {
                position: absolute;
                top: 80px;
                left: 0;
                width: 100%;
                color: #666;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .pl1 .plan1 .swiper-slide:hover a .txt {
                color: #fff;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .pl1 .plan1 .swiper-slide.act a .txt {
                color: #fff;
            }

        .pl1 .plan1 .next_pr1 {
            width: 102px;
            height: 113px;
            right: 0;
            margin: 0;
            background: url(../images/prt.png)center no-repeat;
            background-size: cover;
            top: 0;
        }

        .pl1 .plan1 .prev_pl1 {
            width: 102px;
            height: 113px;
            left: 0;
            margin: 0;
            background: url(../images/plt.png)center no-repeat;
            background-size: cover;
            top: 0;
        }

    .pl1 dl {
        padding-top: 50px;
    }

        .pl1 dl dd {
            background: #3c3938;
            margin-bottom: 80px;
            overflow: hidden;
        }

            .pl1 dl dd .dlt {
                width: 675px;
                float: left;
                overflow: hidden;
            }

                .pl1 dl dd .dlt img {
                    display: block;
                    width: 100%;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

            .pl1 dl dd .drt {
                width: 395px;
                float: right;
                padding: 100px 70px 0 0;
            }

                .pl1 dl dd .drt .dtt {
                    font-size: 22px;
                    font-weight: bold;
                    color: #fff;
                }

                .pl1 dl dd .drt .dct {
                    color: #fff;
                    font-size: 12px;
                    text-align: justify;
                    padding-top: 40px;
                    height: 88px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 4;
                    -webkit-box-orient: vertical;
                }

            .pl1 dl dd .dlg, .pl1 dl dd .dlg img {
                width: 42px;
                height: 42px;
                display: block;
                overflow: hidden;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .pl1 dl dd .dlg {
                margin-top: 45px;
            }

            .pl1 dl dd:hover .dlt img {
                transform: scale(1.1);
                -webkit-transform: scale(1.1);
                -webkit-transition: all .8s;
                -moz-transition: all .8s;
                transition: all .8s;
            }

            .pl1 dl dd:hover .dtt {
                color: #2e3192;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .pl1 dl dd:hover .dlg {
                transform: rotate(90deg);
                -webkit-transform: rotate(90deg);
            }

            .pl1 dl dd .ddw {
                position: relative;
                top: -120px;
                width: 1px;
                height: 1px;
            }


            .pl1 dl dd:nth-child(2n) .dlt {
                float: right;
            }

            .pl1 dl dd:nth-child(2n) .drt {
                float: left;
                padding: 100px 0 0 70px;
            }


    .pl1 .plan1.fxd {
        position: fixed;
        top: 0;
        left: 50%;
        margin-left: -600px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .pl1 dl.fxd {
        padding-top: 130px;
    }



/* 解决方案简版 */

.pe1 .rtbox {
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
}

.pe1 .pe1_rt {
    width: 960px;
    float: right;
    border-left: 1px solid #ddd;
    padding-bottom: 60px;
    box-sizing: border-box;
    padding-left: 50px;
}

    .pe1 .pe1_rt .tt {
        height: 50px;
        line-height: 50px;
        background: #393c38;
        color: #fff;
        padding: 0 2%;
        font-size: 18px;
    }

    .pe1 .pe1_rt img {
        max-width: 910px;
    }

    .pe1 .pe1_rt .container1 {
        width: 92%;
        margin: 0 auto;
        padding: 30px 0;
    }

    .pe1 .pe1_rt .div_scroll {
        height: 420px;
    }

    .pe1 .pe1_rt .dl1 {
    }

        .pe1 .pe1_rt .dl1 dd {
            margin-bottom: 30px;
        }

            .pe1 .pe1_rt .dl1 dd .img {
                width: 86px;
                box-sizing: border-box;
                overflow: hidden;
                border: 1px solid #ddd;
                float: left;
            }

                .pe1 .pe1_rt .dl1 dd .img img {
                    display: block;
                    width: 100%;
                }

            .pe1 .pe1_rt .dl1 dd .drt {
                width: 700px;
                float: right;
                margin-right: 20px;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

                .pe1 .pe1_rt .dl1 dd .drt .dtt {
                    line-height: 20px;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

                .pe1 .pe1_rt .dl1 dd .drt .dct {
                    font-size: 12px;
                    color: #666;
                    line-height: 20px;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    height: 40px;
                    -webkit-box-orient: vertical;
                }

            .pe1 .pe1_rt .dl1 dd:hover .dtt, .pe1 .pe1_rt .dl1 dd:hover .dct {
                color: #2e3192;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .pe1 .pe1_rt .dl1 dd:hover .drt {
                margin-right: 30px;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

    .pe1 .pe1_rt .dl2 {
        width: 92%;
        margin: 0 auto;
        padding: 30px 0;
    }

        .pe1 .pe1_rt .dl2 dd {
            margin-bottom: 20px;
        }

            .pe1 .pe1_rt .dl2 dd .alt {
                width: 90%;
                float: left;
                height: 14px;
                line-height: 14px;
                background: url(../images/pe1.png)center;
            }

            .pe1 .pe1_rt .dl2 dd .art {
                width: 10%;
                float: right;
                text-align: center;
                line-height: 14px;
                color: #999;
            }

            .pe1 .pe1_rt .dl2 dd .alt span {
                background: #fff;
                color: #999;
            }

            .pe1 .pe1_rt .dl2 dd:hover div, .pe1 .pe1_rt .dl2 dd:hover span {
                color: #2e3192;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

    .pe1 .pe1_rt .rt_lb {
        padding: 0px 5%;
        width: 90%;
        margin: 0 auto;
        position: relative;
    }

        .pe1 .pe1_rt .rt_lb .plez1 {
            padding: 50px 0;
        }

        .pe1 .pe1_rt .rt_lb img {
            display: block;
            width: 100%;
        }

        .pe1 .pe1_rt .rt_lb a {
            display: block;
            border: 1px solid #ddd;
            position: relative;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

            .pe1 .pe1_rt .rt_lb a:hover {
                -webkit-box-shadow: 0 5px 5px 2px rgba(0, 0, 0, .3);
                box-shadow: 0 5px 5px 2px rgba(0, 0, 0, .3);
                top: -1px;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

        .pe1 .pe1_rt .rt_lb .next_e1 {
            width: 28px;
            height: 54px;
            background: url(../images/abo7.png) center no-repeat;
            margin-top: -27px;
        }

        .pe1 .pe1_rt .rt_lb .prev_e1 {
            width: 28px;
            height: 54px;
            background: url(../images/abo8.png) center no-repeat;
            margin-top: -27px;
        }

/* 生产管理 */

.pp1 {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    font-family: siyuan;
}

    .pp1 img {
        display: block;
        width: 100%;
    }

    .pp1 .mimg {
        display: none;
    }

    .pp1 .pbox {
        position: absolute;
        top: 0;
        left: 50%;
        width: 1200px;
        margin-left: -600px;
    }

        .pp1 .pbox .tt {
            font-size: 36px;
            color: #fff;
            font-weight: bold;
            line-height: 36px;
            margin-top: 128px;
        }

        .pp1 .pbox .tt2 {
            font-size: 34px;
            line-height: 34px;
            color: #fff;
            margin: 25px 0 30px;
        }

        .pp1 .pbox .amove {
            display: block;
            width: 220px;
            height: 68px;
            text-align: center;
            line-height: 68px;
            background: #2e3192;
            color: #fff;
            font-size: 24px;
        }

            .pp1 .pbox .amove:hover {
                border-radius: 10px;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

.pp2 {
    padding: 100px 0 50px;
}

    .pp2 .p_p1 {
        padding-bottom: 50px;
    }

        .pp2 .p_p1 .alt {
            width: 305px;
            float: left;
            padding-left: 120px;
            text-align: left;
        }

        .pp2 .p_p1 .img {
            width: 725px;
            float: right;
            overflow: hidden;
            margin-left: 50px;
        }

            .pp2 .p_p1 .img img {
                display: block;
                width: 100%;
            }

        .pp2 .p_p1 .alt .att {
            font-size: 34px;
            color: #666;
            line-height: 34px;
            margin-top: 100px;
        }

        .pp2 .p_p1 .alt .act {
            font-size: 16px;
            color: #999;
            padding-top: 20px;
        }

        .pp2 .p_p1 .swiper-pagination_pp1 {
            bottom: 0;
        }

            .pp2 .p_p1 .swiper-pagination_pp1 span {
                border: 2px solid #2e3192;
                background: #fff;
                opacity: 1;
            }

            .pp2 .p_p1 .swiper-pagination_pp1 .swiper-pagination-bullet-active {
                background: #2e3192;
            }

.pp3 {
    padding: 50px 0;
    background: url(../images/pp4.jpg)center no-repeat;
    background-size: cover;
    text-align: center;
}

    .pp3 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
        color: #fff;
    }

    .pp3 .ct {
        font-size: 18px;
        line-height: 18px;
        padding: 30px 0 50px;
        color: #fff;
    }

    .pp3 .img {
    }

        .pp3 .img img {
            display: block;
            width: 790px;
            float: left;
        }

        .pp3 .img .drt {
            width: 340px;
            padding-right: 10px;
            float: right;
            text-align: left;
        }

            .pp3 .img .drt .itt {
                font-size: 24px;
                font-weight: bold;
                color: #fff;
                line-height: 47px;
            }

            .pp3 .img .drt .ict {
                color: #fff;
                text-align: justify;
                padding-top: 10px;
            }

            .pp3 .img .drt .itt span {
                display: block;
                width: 45px;
                height: 47px;
                float: left;
                margin-right: 10px;
            }

                .pp3 .img .drt .itt span img {
                    width: 100%;
                    display: block;
                }

    .pp3 dl {
        padding-top: 70px;
    }

        .pp3 dl dd {
            width: 240px;
            float: left;
            text-align: left;
        }

            .pp3 dl dd .dtp {
                margin-left: 10px;
                width: 230px;
                height: 102px;
                overflow: hidden;
                margin-bottom: 20px;
                background: url(../images/pp7.png)center right no-repeat;
                position: relative;
            }

                .pp3 dl dd .dtp img {
                    display: block;
                    width: 102px;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

                    .pp3 dl dd .dtp img:nth-child(2) {
                        position: absolute;
                        top: 0;
                        left: 0;
                        opacity: 0;
                    }

            .pp3 dl dd .dtt {
                font-size: 16px;
                line-height: 16px;
                color: #fff;
                font-weight: bold;
            }

            .pp3 dl dd .dct {
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
                color: #fff;
                width: 165px;
                font-size: 12px;
                text-align: justify;
                margin-top: 10px;
                opacity: 0;
                height: 110px;
                overflow: hidden;
            }

            .pp3 dl dd:hover .dct {
                opacity: 1;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .pp3 dl dd:hover .dtp img:nth-child(2) {
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
                opacity: 1;
            }

            .pp3 dl dd:hover .dtp img:nth-child(1) {
                opacity: 0;
            }

            .pp3 dl dd:nth-child(5) .dtp {
                background: none;
            }

.pp4 {
    padding-top: 100px;
    position: relative;
    overflow: hidden;
}

    .pp4 .bg {
        width: 100%;
        height: 315px;
        background: #eef4f8;
        position: absolute;
        top: 120px;
        left: 0;
    }

    .pp4 .dlt {
        width: 570px;
        height: 360px;
        float: left;
        border: 2px solid #ddd;
        background: #fff;
    }

        .pp4 .dlt img {
            display: block;
            width: 100%;
        }

    .pp4 .p_p2 .swiper-pagination_pp2 {
        bottom: 0;
        width: 98%;
        text-align: right;
    }

        .pp4 .p_p2 .swiper-pagination_pp2 .swiper-pagination-bullet-active {
            background: #2e3192;
        }

    .pp4 .drt {
        width: 600px;
        float: right;
        padding-top: 40px;
    }

        .pp4 .drt .tt {
            font-size: 24px;
            font-weight: bold;
            line-height: 47px;
            margin-bottom: 20px;
        }

            .pp4 .drt .tt span {
                display: block;
                width: 45px;
                height: 47px;
                float: left;
                margin-right: 10px;
            }

                .pp4 .drt .tt span img {
                    width: 100%;
                    display: block;
                }

        .pp4 .drt .tc {
            color: #666;
            margin-bottom: 20px;
            line-height: 22px;
        }

.pp5 {
    padding-top: 100px;
    position: relative;
    overflow: hidden;
}

    .pp5 .bg {
        width: 100%;
        height: 315px;
        background: #eef4f8;
        position: absolute;
        top: 120px;
        left: 0;
    }

    .pp5 .dlt {
        width: 570px;
        height: 360px;
        float: right;
        border: 2px solid #ddd;
        background: #fff;
    }

        .pp5 .dlt img {
            display: block;
            width: 100%;
        }

    .pp5 .drt {
        width: 600px;
        float: left;
        ;
        padding-top: 40px;
    }

        .pp5 .drt .tt {
            font-size: 24px;
            font-weight: bold;
            line-height: 47px;
            margin-bottom: 20px;
        }

            .pp5 .drt .tt span {
                display: block;
                width: 45px;
                height: 47px;
                float: left;
                margin-right: 10px;
            }

                .pp5 .drt .tt span img {
                    width: 100%;
                    display: block;
                }

        .pp5 .drt .tc {
            color: #666;
        }

        .pp5 .drt .amove {
            margin-top: 50px;
            display: block;
            width: 120px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            background: #2e3192;
            color: #fff;
            font-size: 16px;
        }

            .pp5 .drt .amove:hover {
                border-radius: 10px;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

.pp6 {
    padding: 50px 0 30px;
    position: relative;
    overflow: hidden;
    background: #eef4f8;
    margin-top: 100px;
}

    .pp6 .tt {
        font-size: 24px;
        font-weight: bold;
        line-height: 47px;
        margin-bottom: 20px;
    }

        .pp6 .tt span {
            display: block;
            width: 45px;
            height: 47px;
            float: left;
            margin-right: 10px;
        }

            .pp6 .tt span img {
                width: 100%;
                display: block;
            }

    .pp6 .tc {
        line-height: 20px;
        margin-bottom: 20px;
    }


/* 服装行业 */

.pco1 {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    font-family: siyuan;
}

    .pco1 img {
        display: block;
        width: 100%;
    }

    .pco1 .mimg {
        display: none;
    }

    .pco1 .pbox {
        width: 680px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -340px;
        text-align: left;
    }

        .pco1 .pbox .tt {
            font-size: 44px;
            line-height: 42px;
            font-weight: bold;
            color: #fff;
            margin-top: 100px;
        }

        .pco1 .pbox .tt2 {
            font-size: 20px;
            color: #fff;
            padding: 10px 0 0;
        }

        .pco1 .pbox .tc {
            font-size: 16px;
            color: #fff;
            margin-bottom: 50px;
        }

        .pco1 .pbox a {
            border-radius: 5px;
            display: block;
            width: 23.5%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            background: #fff;
            float: left;
            margin-right: 2%;
        }

            .pco1 .pbox a:nth-child(4) {
                margin-right: 0;
            }

            .pco1 .pbox a:hover {
                background: #2e3192;
                color: #fff;
            }

.pco2 {
    padding: 100px 0;
    text-align: center;
}

    .pco2 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .pco2 dl {
        width: 1000px;
        margin: 0 auto;
    }

        .pco2 dl dd {
            margin-top: 50px;
            position: relative;
        }

            .pco2 dl dd .img {
                width: 400px;
                float: left;
                overflow: hidden;
            }

                .pco2 dl dd .img img {
                    display: block;
                    width: 100%;
                }

            .pco2 dl dd .drt {
                text-align: left;
                width: 625px;
                box-sizing: border-box;
                position: absolute;
                top: 35px;
                left: 375px;
                background: #fff;
                padding: 40px 30px 25px;
                -webkit-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .1);
                box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .1);
            }

                .pco2 dl dd .drt div {
                    font-size: 12px;
                    color: #666;
                    margin-bottom: 15px;
                    line-height: 16px;
                }

            .pco2 dl dd:nth-child(2) .img {
                float: right;
            }

            .pco2 dl dd:nth-child(2) .drt {
                left: 0;
            }

.pco3 {
    padding: 50px 0;
    text-align: center;
    background: url(../images/pco4.jpg)center no-repeat;
    background-size: cover;
    height: 400px;
}

    .pco3 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .pco3 dl {
        padding-top: 50px;
    }

        .pco3 dl dd {
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
            margin-top: 90px;
            position: relative;
            width: 190px;
            margin-right: 10px;
            height: 190px;
            float: left;
            border-radius: 50%;
            background: #fff;
            -webkit-box-shadow: -5px 8px 5px 0 rgba(0, 0, 0, .3);
            box-shadow: -5px 8px 5px 0 rgba(0, 0, 0, .3);
        }

            .pco3 dl dd div {
                width: 135px;
                margin: 0 auto;
                font-size: 12px;
                color: #666;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .pco3 dl dd .dtt {
                font-size: 24px;
                color: #333;
                padding: 40px 0 20px;
            }

            .pco3 dl dd.act {
                animation: u_d4 1.5s linear infinite alternate;
                -webkit-animation: u_d4 1.5s linear infinite alternate;
            }

            .pco3 dl dd:nth-child(2n).act {
                margin-top: 0;
                animation: u_d5 2s linear infinite alternate;
                -webkit-animation: u_d5 2s linear infinite alternate;
            }

            .pco3 dl dd:nth-child(3).act {
                animation: u_d4 2s linear infinite alternate;
                -webkit-animation: u_d4 2s linear infinite alternate;
            }

            .pco3 dl dd:nth-child(4).act {
                animation: u_d5 2.5s linear infinite alternate;
                -webkit-animation: u_d5 2.5s linear infinite alternate;
            }

@keyframes u_d4 {
    0% {
        margin-top: 80px;
    }

    100% {
        margin-top: 100px;
    }
}

@-webkit-keyframes u_d4 {
    0% {
        margin-top: 80px;
    }

    100% {
        margin-top: 100px;
    }
}

@keyframes u_d5 {
    0% {
        margin-top: 0px;
    }

    100% {
        margin-top: 10px;
    }
}

@-webkit-keyframes u_d5 {
    0% {
        margin-top: 0px;
    }

    100% {
        margin-top: 10px;
    }
}

.pco3 dl dd:hover {
    background: #2e3192;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

    .pco3 dl dd:hover div {
        color: #fff;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

.pco4 {
    padding: 100px 0;
    text-align: center;
}

    .pco4 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .pco4 .pco_1 {
        width: 1000px;
        padding: 0 50px;
        margin: 100px auto 80px;
    }

        .pco4 .pco_1 .img {
            width: 148px;
            margin: 0 auto;
            position: relative;
        }

            .pco4 .pco_1 .img img {
                display: block;
                width: 100%;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

                .pco4 .pco_1 .img img:nth-child(2) {
                    position: absolute;
                    top: 0;
                    left: 0;
                    opacity: 0;
                }

        .pco4 .pco_1 .txt {
            font-size: 18px;
            color: #666;
            margin-top: 10px;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

        .pco4 .pco_1 a:hover .img img:nth-child(2) {
            opacity: 1;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

        .pco4 .pco_1 a:hover .img img:nth-child(1) {
            opacity: 0;
        }

        .pco4 .pco_1 a:hover .txt {
            color: #2e3192;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

        .pco4 .pco_1 .next_pco1 {
            background: url(../images/pco5.png)center no-repeat;
            right: 0;
        }

        .pco4 .pco_1 .prev_pco1 {
            background: url(../images/pco6.png)center no-repeat;
            left: 0;
        }

        .pco4 .pco_1 .swiper-slide.act .img img:nth-child(2) {
            opacity: 1;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

        .pco4 .pco_1 .swiper-slide.act .img img:nth-child(1) {
            opacity: 0;
        }

        .pco4 .pco_1 .swiper-slide.act .txt {
            color: #2e3192;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

    .pco4 .pcimg .pcox {
        display: none;
    }

        .pco4 .pcimg .pcox:nth-child(1) {
            display: block;
        }

    .pco4 .pcimg {
        width: 1150px;
        margin: 0 auto;
    }

        .pco4 .pcimg img {
            display: block;
            float: left;
        }

            .pco4 .pcimg img:nth-child(2) {
                float: right;
            }

        .pco4 .pcimg .txt {
            text-align: left;
            font-size: 12px;
            padding: 30px 0;
        }

        .pco4 .pcimg .amove {
            width: 180px;
            height: 46px;
            text-align: center;
            line-height: 46px;
            background: #2e3192;
            color: #fff;
            font-size: 18px;
            display: block;
            margin: 0 auto;
        }

            .pco4 .pcimg .amove:hover {
                border-radius: 10px;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

    .pco4 .tt2 {
        margin-top: 40px;
        padding: 50px 0;
        background: url(../images/pco7.jpg)center no-repeat;
        background-size: cover;
    }

        .pco4 .tt2 .tt span {
            color: #fff;
        }

    .pco4 ul {
        margin-top: 30px;
    }

        .pco4 ul li {
            width: 18.75%;
            float: left;
            margin-right: 1.56%;
            background: #f6f7f8;
        }

            .pco4 ul li .img, .pco4 ul li .img img {
                display: block;
                width: 100%;
                overflow: hidden;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .pco4 ul li .ltt {
                font-size: 18px;
                padding-top: 25px;
            }

            .pco4 ul li .ltc {
                padding: 20px 15% 50px;
                font-size: 12px;
                text-align: justify;
                color: #666;
                height: 110px;
            }

            .pco4 ul li:nth-child(5) {
                margin-right: 0;
            }

            .pco4 ul li:hover img {
                transform: scale(1.05);
                -webkit-transform: scale(1.05);
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                transition: all .5s;
            }

.pco5 {
    padding-top: 50px;
    text-align: center;
    background: url(../images/pco13.jpg)top center no-repeat;
}

    .pco5 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .pco5 .pco_2 {
        padding: 50px 0 30px;
    }

        .pco5 .pco_2 .swiper-slide {
            background: none;
            text-align: left;
        }

            .pco5 .pco_2 .swiper-slide .img {
                width: 189px;
                overflow: hidden;
                border: 1px solid #ddd;
                background: #fff;
            }

                .pco5 .pco_2 .swiper-slide .img img {
                    display: block;
                    width: 100%;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

            .pco5 .pco_2 .swiper-slide .txt {
                font-size: 16px;
                color: #fff;
                margin-top: 20px;
            }

        .pco5 .pco_2 .swiper-scrollbar-drag {
            background: #2e3192;
            height: 8px;
            top: -4px;
        }

        .pco5 .pco_2 .swiper-scrollbar {
            height: 1px;
            opacity: 1;
            background: #ba9d88;
        }

        .pco5 .pco_2 .swiper-slide:hover .img img {
            transform: scale(1.05);
            -webkit-transform: scale(1.05);
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            transition: all .5s;
        }

        .pco5 .pco_2 .swiper-slide:hover .txt {
            color: #2e3192;
        }

    .pco5 .amove {
        width: 180px;
        height: 46px;
        text-align: center;
        line-height: 46px;
        background: #2e3192;
        color: #fff;
        font-size: 18px;
        display: block;
        margin: 50px auto 0;
    }

        .pco5 .amove:hover {
            border-radius: 10px;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

/* 可视化看板 */

.pvi1 {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    font-family: siyuan;
    text-align: center;
}

    .pvi1 img {
        display: block;
        width: 100%;
    }

    .pvi1 .mimg {
        display: none;
    }

    .pvi1 .pbox {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

        .pvi1 .pbox .tt {
            font-size: 40px;
            line-height: 40px;
            color: #fff;
            font-weight: bold;
            margin: 125px 0 50px;
        }

        .pvi1 .pbox .tc {
            font-size: 18px;
            color: #fff;
        }

.pvi2 {
    text-align: center;
    padding: 100px 0;
    background: #f4f4f4;
}

    .pvi2 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .pvi2 .tt {
        margin-bottom: 50px;
    }

    .pvi2 img {
        display: block;
        max-width: 1200px;
        margin: 0 auto;
    }

.pvi3 {
    text-align: center;
    padding: 100px 0 50px;
}

    .pvi3 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .pvi3 .tt2 {
        font-size: 18px;
        line-height: 18px;
        padding: 30px 0 50px;
        color: #666;
    }

    .pvi3 img {
        display: block;
        max-width: 1200px;
        margin: 0 auto;
    }

    .pvi3 .tc {
        color: #666;
        text-align: justify;
        margin-bottom: 30px;
    }

.pvi4 {
    padding: 0 0 100px 0;
}

    .pvi4 .tt {
        padding: 40px 0 45px;
        text-align: center;
        background: url(../images/pv4.jpg)center no-repeat;
        background-size: cover;
    }

        .pvi4 .tt .t1 {
            font-size: 30px;
            line-height: 30px;
            font-weight: bold;
            color: #fff;
        }

        .pvi4 .tt .t2 {
            font-size: 24px;
            color: #fff;
            letter-spacing: 7px;
            margin-top: 20px;
        }

    .pvi4 .tt2 {
        width: 100%;
        height: 490px;
        border: 1px solid #00b050;
        border-radius: 30px;
        margin-top: 70px;
    }

        .pvi4 .tt2 .t1 {
            width: 590px;
            height: 60px;
            background: #00b050;
            color: #fff;
            text-align: center;
            margin: -30px auto 0;
            line-height: 60px;
            border-radius: 20px;
            font-size: 24px;
        }

        .pvi4 .tt2 .img {
            width: 635px;
            box-sizing: border-box;
            margin: 25px auto 40px;
            overflow: hidden;
        }

            .pvi4 .tt2 .img img {
                display: block;
                width: 100%;
            }

        .pvi4 .tt2 .t2 {
            text-align: center;
            font-size: 18px;
            color: #666;
        }

    .pvi4 .tt3 {
        margin-top: 40px;
        border-top: 1px dotted #666;
        padding-top: 50px;
    }

        .pvi4 .tt3 .t1 {
            color: #666;
        }

        .pvi4 .tt3 .img {
            margin-top: 30px;
        }

            .pvi4 .tt3 .img img {
                display: block;
                width: 390px;
                float: left;
                margin-right: 15px;
            }

                .pvi4 .tt3 .img img:nth-child(3) {
                    margin-right: 0;
                }

.pvi5 {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}

    .pvi5 .pbox {
        width: 1200px;
        position: absolute;
        left: 50%;
        margin-left: -600px;
        top: 0;
        padding-top: 100px;
        text-align: center;
    }

    .pvi5 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
        color: #fff;
    }

    .pvi5 .tc {
        margin-top: 50px;
    }

        .pvi5 .tc .img {
            width: 510px;
            float: left;
            margin-left: 120px;
        }

            .pvi5 .tc .img img {
                display: block;
                width: 100%;
            }

        .pvi5 .tc .drt {
            width: 410px;
            float: right;
            text-align: left;
        }

            .pvi5 .tc .drt .dtt {
                font-size: 20px;
                font-weight: bold;
                color: #fff;
                padding-bottom: 10px;
            }

            .pvi5 .tc .drt .dtc {
                font-size: 16px;
                line-height: 16px;
                color: #ededed;
                margin-top: 15px;
            }

            .pvi5 .tc .drt .amove {
                width: 160px;
                height: 50px;
                text-align: center;
                line-height: 50px;
                background: #2e3192;
                color: #fff;
                font-size: 18px;
                display: block;
                margin: 100px 0 0;
            }

                .pvi5 .tc .drt .amove:hover {
                    border-radius: 10px;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

.pvi6 {
    padding: 175px 0 100px;
}

    .pvi6 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .pvi6 .dlt {
        width: 435px;
        float: left;
        padding-left: 120px;
    }

    .pvi6 .tt {
        margin-top: 120px;
    }

    .pvi6 .dlt .dtt {
        font-size: 20px;
        font-weight: bold;
        margin-top: 100px;
    }

    .pvi6 .dlt .dct {
        font-size: 16px;
        color: #666;
        padding-top: 10px;
    }

    .pvi6 .dlt .amove {
        width: 210px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        background: #2e3192;
        color: #fff;
        font-size: 18px;
        display: block;
        margin: 50px 0 0;
    }

        .pvi6 .dlt .amove:hover {
            border-radius: 10px;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

    .pvi6 .img {
        width: 605px;
        float: right;
        overflow: hidden;
    }

        .pvi6 .img img {
            display: block;
            width: 100%;
        }

.pvi7 {
    padding: 50px 0;
    background: url(../images/pv11.jpg) center no-repeat;
    background-size: cover;
    text-align: center;
}

    .pvi7 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
        color: #fff;
    }

    .pvi7 .tc {
        font-size: 16px;
        color: #fff;
        line-height: 16px;
        margin: 50px 0;
    }

    .pvi7 dl {
    }

        .pvi7 dl dd {
            width: 20%;
            float: left;
        }

            .pvi7 dl dd .img {
                width: 55px;
                margin: 0 auto 25px;
                overflow: hidden;
            }

                .pvi7 dl dd .img img {
                    display: block;
                    width: 100%;
                }

            .pvi7 dl dd .txt {
                color: #fff;
                font-size: 16px;
            }

/* 纺织面料 */

.pfa1 {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    font-family: siyuan;
}

    .pfa1 img {
        display: block;
        width: 100%;
    }

    .pfa1 .mimg {
        display: none;
    }

    .pfa1 .pbox {
        width: 1200px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -600px;
    }

        .pfa1 .pbox .tt {
            width: 600px;
            color: #fff;
            font-size: 40px;
            line-height: 40px;
            font-weight: bold;
            margin-top: 130px;
        }

        .pfa1 .pbox .tc {
            font-size: 18px;
            color: #fff;
            width: 600px;
            padding-top: 20px;
        }

            .pfa1 .pbox .tc span {
                font-size: 18px;
                color: #2e3192;
            }

        .pfa1 .pbox .move {
            margin: 50px 0 0;
        }

.pfa2 {
    padding: 100px 0;
    text-align: center;
}

    .pfa2 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .pfa2 .tc {
        width: 655px;
        margin: 50px auto 0;
    }

        .pfa2 .tc .tc1 {
            color: #666;
        }

        .pfa2 .tc .tcbox {
            position: relative;
            height: 425px;
            overflow: hidden;
        }

            .pfa2 .tc .tcbox .img1 {
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                width: 100%;
                opacity: 0;
            }

            .pfa2 .tc .tcbox .img2 {
                display: none;
            }

            .pfa2 .tc .tcbox dl dd {
                position: absolute;
                opacity: 0;
            }

                .pfa2 .tc .tcbox dl dd:nth-child(1) {
                    bottom: 0;
                    left: 50px;
                }

                .pfa2 .tc .tcbox dl dd:nth-child(2) {
                    top: 30px;
                    left: 50px;
                }

                .pfa2 .tc .tcbox dl dd:nth-child(3) {
                    top: 0;
                    left: 250px;
                }

                .pfa2 .tc .tcbox dl dd:nth-child(4) {
                    top: 80px;
                    left: 450px;
                }

                .pfa2 .tc .tcbox dl dd:nth-child(5) {
                    bottom: 0;
                    left: 470px;
                }

        .pfa2 .tc .tc2 {
            color: #666;
        }

.pfa3 {
    padding: 100px 0;
    text-align: center;
    background: #f7f7f7;
}

    .pfa3 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .pfa3 dl {
        padding-top: 50px;
    }

        .pfa3 dl dd {
            width: 480px;
            float: left;
        }

            .pfa3 dl dd span {
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

                .pfa3 dl dd span:hover {
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                    opacity: .7;
                }

            .pfa3 dl dd:nth-child(1) .dt1 span {
                border: 2px solid #f7f7f7;
                display: block;
                width: 50%;
                float: left;
                background: #ffc000;
                color: #fff;
                box-sizing: border-box;
                height: 72px;
                line-height: 72px;
                font-size: 24px;
            }

                .pfa3 dl dd:nth-child(1) .dt1 span:nth-child(2), .pfa3 dl dd:nth-child(1) .dt2 span:nth-child(2) {
                    background: #fff;
                    color: #333;
                }

            .pfa3 dl dd:nth-child(1) .dt2 span {
                border: 2px solid #f7f7f7;
                display: block;
                width: 33.33%;
                float: left;
                background: #92d14f;
                color: #fff;
                box-sizing: border-box;
                height: 72px;
                line-height: 72px;
                font-size: 24px;
            }

                .pfa3 dl dd:nth-child(1) .dt2 span:nth-child(3) {
                    background: #e69601;
                }

            .pfa3 dl dd:nth-child(1) .dt3 span {
                border: 2px solid #f7f7f7;
                display: block;
                width: 50%;
                float: left;
                background: #709fda;
                color: #fff;
                box-sizing: border-box;
                height: 72px;
                line-height: 72px;
                font-size: 24px;
            }

                .pfa3 dl dd:nth-child(1) .dt3 span:nth-child(2) {
                    background: #b38ad0;
                }

            .pfa3 dl dd:nth-child(2) {
                width: 240px;
            }

                .pfa3 dl dd:nth-child(2) .dt1 span {
                    border: 2px solid #f7f7f7;
                    display: block;
                    width: 50%;
                    float: left;
                    background: #01b0f1;
                    color: #fff;
                    box-sizing: border-box;
                    height: 144px;
                    line-height: 144px;
                    font-size: 24px;
                }

                    .pfa3 dl dd:nth-child(2) .dt1 span:nth-child(2) {
                        background: #f05550;
                    }

                .pfa3 dl dd:nth-child(2) .dt2 span {
                    border: 2px solid #f7f7f7;
                    display: block;
                    width: 100%;
                    float: left;
                    background: #fff;
                    box-sizing: border-box;
                    height: 72px;
                    line-height: 72px;
                    font-size: 24px;
                }

            .pfa3 dl dd:nth-child(3) .dt1 span {
                border: 2px solid #f7f7f7;
                display: block;
                width: 50%;
                float: left;
                background: #ff9934;
                color: #fff;
                box-sizing: border-box;
                height: 72px;
                line-height: 72px;
                font-size: 24px;
            }

                .pfa3 dl dd:nth-child(3) .dt1 span:nth-child(2), .pfa3 dl dd:nth-child(3) .dt2 span:nth-child(1), .pfa3 dl dd:nth-child(3) .dt3 span:nth-child(2) {
                    background: #fff;
                    color: #333;
                }

            .pfa3 dl dd:nth-child(3) .dt2 span {
                border: 2px solid #f7f7f7;
                display: block;
                width: 50%;
                float: left;
                background: #5cf3ca;
                color: #fff;
                box-sizing: border-box;
                height: 72px;
                line-height: 72px;
                font-size: 24px;
            }

            .pfa3 dl dd:nth-child(3) .dt3 span {
                border: 2px solid #f7f7f7;
                display: block;
                width: 33.33%;
                float: left;
                background: #ffc000;
                color: #fff;
                box-sizing: border-box;
                height: 72px;
                line-height: 72px;
                font-size: 24px;
            }

                .pfa3 dl dd:nth-child(3) .dt3 span:nth-child(3) {
                    background: #e69601;
                }

.pfa4 {
    height: 200px;
    line-height: 200px;
    background: url(../images/pfa3.jpg)center no-repeat;
    background-size: cover;
    text-align: center;
}

    .pfa4 .box {
        font-size: 24px;
        color: #fff;
    }

        .pfa4 .box a {
            display: inline-block;
            width: 120px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            border: 1px solid #fff;
            color: #fff;
            border-radius: 20px;
            margin-left: 30px;
            font-size: 16px;
        }

            .pfa4 .box a:hover {
                background: #fff;
                color: #2e3192;
            }

.pfa5 {
    padding: 100px 0 0;
    text-align: center;
}

    .pfa5 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .pfa5 .dl1 {
        margin: 50px 0 100px;
    }

        .pfa5 .dl1 dd {
            margin-right: 18px;
            cursor: pointer;
            width: 225px;
            float: left;
            height: 80px;
            background: #f1f1f1;
            overflow: hidden;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

            .pfa5 .dl1 dd:nth-child(5) {
                margin-right: 0;
            }

            .pfa5 .dl1 dd .t1 {
                font-size: 20px;
                line-height: 60px;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .pfa5 .dl1 dd .t2 {
                line-height: 0px;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .pfa5 .dl1 dd:hover div, .pfa5 .dl1 dd.act div {
                color: #fff;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .pfa5 .dl1 dd:hover, .pfa5 .dl1 dd.act {
                background: #2e3192;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

    .pfa5 .dl2 {
    }

        .pfa5 .dl2 dd {
            display: none;
        }

            .pfa5 .dl2 dd:nth-child(1) {
                display: block;
            }

            .pfa5 .dl2 dd .img {
                width: 50%;
                float: left;
                overflow: hidden;
            }

                .pfa5 .dl2 dd .img img {
                    display: block;
                    width: 100%;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

            .pfa5 .dl2 dd .drt {
                width: 580px;
                float: right;
                text-align: justify;
            }

                .pfa5 .dl2 dd .drt .dtt {
                    font-size: 16px;
                    padding-top: 50px;
                    height: 20px;
                    overflow: hidden;
                }

                .pfa5 .dl2 dd .drt .dct {
                    font-size: 12px;
                    color: #666;
                    padding-top: 20px;
                    height: 88px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 4;
                    -webkit-box-orient: vertical;
                }

            .pfa5 .dl2 dd:hover .img img {
                transform: scale(1.05);
                -webkit-transform: scale(1.05);
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                transition: all .5s;
            }

            .pfa5 .dl2 dd:hover .dtt {
                color: #2e3192;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }



/* 智能制造 */

.pma1 {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    text-align: center;
    font-family: siyuan;
}

    .pma1 img {
        display: block;
        width: 100%;
    }

    .pma1 .mimg {
        display: none;
    }

    .pma1 .pbox {
        width: 840px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -420px;
    }

        .pma1 .pbox .tt {
            font-size: 40px;
            line-height: 40px;
            color: #fff;
            font-weight: bold;
            margin: 105px 0 50px;
        }

        .pma1 .pbox .tc {
            box-sizing: border-box;
            background: url(../images/i30.png)center;
            padding: 30px 45px;
            border: 1px solid #fff;
            font-size: 16px;
            color: #fff;
            position: relative;
        }

            .pma1 .pbox .tc span {
                display: block;
                position: absolute;
                font-size: 22px;
                top: -20px;
                left: 50%;
                width: 360px;
                height: 40px;
                line-height: 40px;
                background: #fff;
                color: #2e3192;
                margin-left: -180px;
            }

.pma2 {
    padding: 100px 0;
    text-align: center;
}

    .pma2 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .pma2 dl {
        padding-top: 50px;
        width: 1100px;
        margin: 0 auto;
        text-align: center;
        position: relative;
    }

        .pma2 dl dd {
            width: 222px;
            float: left;
            height: 191px;
            background: url(../images/pma1.png)center no-repeat;
            background-size: cover;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

            .pma2 dl dd div {
                font-size: 16px;
                color: #fff;
                padding-top: 66px;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .pma2 dl dd:nth-child(2n) {
                background: url(../images/pma2.png)center no-repeat;
                background-size: cover;
            }

            .pma2 dl dd:nth-child(3n) {
                background: url(../images/pma3.png)center no-repeat;
                background-size: cover;
            }

                .pma2 dl dd:nth-child(3n) div {
                    color: #999;
                    padding-top: 50px;
                }

            .pma2 dl dd:nth-child(2) {
                margin-top: 96px;
                margin-left: -50px;
            }

            .pma2 dl dd:nth-child(3) {
                margin-left: -50px;
            }

            .pma2 dl dd:nth-child(4) {
                margin-top: 96px;
                margin-left: -50px;
            }

            .pma2 dl dd:nth-child(5) {
                margin-left: -50px;
            }

            .pma2 dl dd:nth-child(6) {
                position: absolute;
                top: 146px;
                right: 15px;
            }

            .pma2 dl dd:hover {
                background: url(../images/pma4.png)center no-repeat;
                background-size: cover;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

                .pma2 dl dd:hover div {
                    color: #fff;
                }

.pma3 {
    text-align: center;
}

    .pma3 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .pma3 .tc {
        color: #666;
        font-size: 18px;
        margin: 20px 0 70px;
    }

    .pma3 .pma_1 {
        padding: 10px 0;
    }

        .pma3 .pma_1 .swiper-slide {
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            transition: all .5s;
            background: url(../images/pma9.png)center no-repeat;
            background-size: cover;
            border: 1px solid #efefef;
            box-sizing: border-box;
        }

            .pma3 .pma_1 .swiper-slide a {
                display: block;
                width: 100%;
                height: 100%;
                height: 90px;
                line-height: 90px;
            }

                .pma3 .pma_1 .swiper-slide a .img {
                    width: 55px;
                    float: left;
                    position: relative;
                    margin: 20px 20px 0 40px;
                    overflow: hidden;
                    height: 55px;
                }

                    .pma3 .pma_1 .swiper-slide a .img img {
                        display: block;
                        width: 100%;
                    }

                .pma3 .pma_1 .swiper-slide a .drt {
                    float: left;
                    font-size: 22px;
                }

            .pma3 .pma_1 .swiper-slide:hover, .pma3 .pma_1 .swiper-slide.act {
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                transition: all .5s;
                background: url(../images/pma10.png)center no-repeat;
                -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .2);
                box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .2);
            }

                .pma3 .pma_1 .swiper-slide:hover .drt, .pma3 .pma_1 .swiper-slide.act .drt {
                    color: #fff;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

                .pma3 .pma_1 .swiper-slide:hover .img img:nth-child(1), .pma3 .pma_1 .swiper-slide.act .img img:nth-child(1) {
                    margin-top: -55px;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

    .pma3 .ptp {
        width: 1200px;
        position: relative;
        padding: 0 80px;
        left: -80px;
    }

        .pma3 .ptp .next_pma1 {
            width: 46px;
            height: 46px;
            background: url(../images/pma11.png)center no-repeat;
            margin-top: -23px;
            right: 0;
        }

        .pma3 .ptp .prev_pma1 {
            width: 46px;
            height: 46px;
            background: url(../images/pma12.png)center no-repeat;
            margin-top: -23px;
            left: 0;
        }

    .pma3 .swiper-pagination_pma1 {
        display: none;
    }

    .pma3 .pbt {
        padding-top: 50px;
    }

        .pma3 .pbt dd {
            display: none;
        }

            .pma3 .pbt dd:nth-child(1) {
                display: block;
            }

            .pma3 .pbt dd .img {
                width: 595px;
                float: left;
                overflow: hidden;
            }

                .pma3 .pbt dd .img img {
                    display: block;
                    width: 100%;
                    -webkit-transition: all .5s;
                    -moz-transition: all .5s;
                    transition: all .5s;
                }

            .pma3 .pbt dd:hover .img img {
                transform: scale(1.05);
                -webkit-transform: scale(1.05);
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                transition: all .5s;
            }

            .pma3 .pbt dd .drt {
                width: 530px;
                float: right;
                text-align: left;
                box-sizing: border-box;
                padding-right: 90px;
            }

                .pma3 .pbt dd .drt .dtt {
                    font-size: 16px;
                    padding: 40px 0 20px;
                }

                .pma3 .pbt dd .drt .dct {
                    font-size: 12px;
                    color: #666;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 3;
                    -webkit-box-orient: vertical;
                    height: 66px;
                }

                .pma3 .pbt dd .drt .amove {
                    width: 130px;
                    height: 45px;
                    text-align: center;
                    line-height: 45px;
                    background: #393c38;
                    color: #fff;
                    font-size: 16px;
                    margin-top: 65px;
                }

            .pma3 .pbt dd:hover .dtt {
                color: #2e3192;
            }

            .pma3 .pbt dd .vid {
                width: 1020px;
                margin: 0 auto;
            }

                .pma3 .pbt dd .vid .vid1 {
                    font-size: 16px;
                    padding: 0 0 50px 0;
                    border-bottom: 1px dotted #666;
                    margin-bottom: 50px;
                }

                .pma3 .pbt dd .vid .vlt {
                    width: 500px;
                    float: left;
                    cursor: pointer;
                    position: relative;
                }

                    .pma3 .pbt dd .vid .vlt .vimg {
                        display: block;
                        width: 100%;
                        overflow: hidden;
                        position: relative;
                    }

                        .pma3 .pbt dd .vid .vlt .vimg img {
                            display: block;
                            width: 100%;
                        }

                            .pma3 .pbt dd .vid .vlt .vimg img:nth-child(2) {
                                position: absolute;
                                width: 100%;
                                top: 0;
                                left: 0;
                            }

.videotc {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    background: url(../images/i30_1.png) center;
    z-index: 999;
    display: none;
}

.vidoe {
    width: 800px;
    background: #000;
    height: 600px;
    position: relative;
    left: 50%;
    margin-left: -400px;
    top: 50%;
    margin-top: -300px;
}

    .vidoe video {
        width: 100%;
        height: 100%;
    }

    .vidoe .vd_out {
        cursor: pointer;
        width: 50px;
        height: 50px;
        position: absolute;
        top: 0;
        right: -60px;
        background: url(../images/ex6.png) center no-repeat;
        background-size: cover;
    }

.pma3 .pbt dd .vid .vrt {
    width: 440px;
    float: right;
    position: relative;
    text-align: left;
}

    .pma3 .pbt dd .vid .vrt .vrtp {
        min-height: 130px;
    }

        .pma3 .pbt dd .vid .vrt .vrtp .vrtp_box {
            display: none;
        }

            .pma3 .pbt dd .vid .vrt .vrtp .vrtp_box:nth-child(1) {
                display: block;
            }

    .pma3 .pbt dd .vid .vrt .vtt {
        font-size: 16px;
        padding-top: 20px;
    }

    .pma3 .pbt dd .vid .vrt .vtc {
        margin: 20px 0 50px;
    }

    .pma3 .pbt dd .vid .vrt .vrbt span {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
        display: block;
        width: 130px;
        height: 45px;
        float: left;
        cursor: pointer;
        text-align: center;
        line-height: 45px;
        font-size: 16px;
        background: #f2f2f2;
        margin-right: 25px;
        margin-bottom: 20px;
    }

        .pma3 .pbt dd .vid .vrt .vrbt span:nth-child(3n) {
            margin-right: 0;
        }

        .pma3 .pbt dd .vid .vrt .vrbt span.act, .pma3 .pbt dd .vid .vrt .vrbt span:hover {
            background: #2e3192;
            color: #fff;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            transition: all .5s;
        }




.pma4 {
    padding: 100px 0;
    text-align: center;
}

    .pma4 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .pma4 .tc {
        color: #666;
        font-size: 18px;
        margin: 20px 0 50px;
    }

    .pma4 dl {
    }

        .pma4 dl dd {
            width: 33%;
            float: left;
            margin-right: .5%;
            position: relative;
        }

            .pma4 dl dd:nth-child(3) {
                margin-right: 0;
            }

            .pma4 dl dd .img, .pma4 dl dd .img img {
                display: block;
                width: 100%;
                overflow: hidden;
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                transition: all .5s;
            }

            .pma4 dl dd .txt {
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                transition: all .5s;
                width: 100%;
                position: absolute;
                left: 0;
                bottom: 0;
                line-height: 16px;
                font-size: 16px;
                padding: 17px 0;
                background: url(../images/ex4.png)center;
                color: #fff;
            }

            .pma4 dl dd:hover .txt {
                padding: 40px 0;
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                transition: all .5s;
            }

            .pma4 dl dd:hover .img img {
                transform: scale(1.05);
                -webkit-transform: scale(1.05);
            }

.pma5 {
    text-align: center;
}

    .pma5 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .pma5 .tc {
        color: #666;
        font-size: 18px;
        margin: 20px 0 50px;
    }

    .pma5 dl {
    }

        .pma5 dl dd {
            width: 350px;
            float: left;
            margin-right: 75px;
            position: relative;
            text-align: left;
        }

            .pma5 dl dd:nth-child(3) {
                margin-right: 0;
            }

            .pma5 dl dd .t1 {
                padding-left: 45px;
                background: url(../images/pma13.png)left top no-repeat;
                margin-bottom: 45px;
                min-height: 66px;
            }

                .pma5 dl dd .t1:nth-child(2) {
                    background: url(../images/pma14.png)left top no-repeat;
                }

            .pma5 dl dd .dtt {
                font-size: 16px;
            }

            .pma5 dl dd .dct {
                font-size: 12px;
                color: #666;
            }

            .pma5 dl dd .t1:nth-child(1) {
                margin-top: 30px;
            }

.pma6 {
    text-align: center;
    padding-top: 100px;
}

    .pma6 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .pma6 dl {
        padding-top: 100px;
    }

        .pma6 dl dd {
            width: 180px;
            float: left;
            margin-right: 24px;
            background: url(../images/pma15.png)center no-repeat;
            height: 270px;
        }

            .pma6 dl dd:nth-child(6) {
                margin-right: 0;
            }

            .pma6 dl dd .img {
                width: 80px;
                margin: 35px auto 30px;
            }

                .pma6 dl dd .img img {
                    display: block;
                    width: 100%;
                }

            .pma6 dl dd .txt {
                width: 145px;
                height: 110px;
                margin: 0 auto;
                background: #f0f0f0;
                font-size: 12px;
                box-sizing: border-box;
                padding: 15px 10px 0;
            }

            .pma6 dl dd:hover .img img {
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                transition: all .5s;
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }

/* AX解决方案 */

.pax1 .pbox .tc {
    font-size: 24px;
    border: none;
}

.pax1 .pbox .move {
    margin-top: 30px;
}

.pax2 {
    padding: 100px 0;
    text-align: center;
}

    .pax2 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .pax2 dl {
        padding-top: 100px;
    }

        .pax2 dl dd {
            width: 360px;
            float: left;
            margin-right: 60px;
        }

            .pax2 dl dd:nth-child(3) {
                margin-right: 0;
            }

            .pax2 dl dd .img, .pax2 dl dd .img img {
                width: 100%;
                display: block;
                overflow: hidden;
            }

            .pax2 dl dd .dtt {
                height: 50px;
                line-height: 50px;
                color: #fff;
                background: #393c38;
                border-top: 1px solid #fff;
                font-size: 22px;
            }

            .pax2 dl dd .dtc {
                background: #eee;
                padding: 20px 5% 10px;
            }

                .pax2 dl dd .dtc span {
                    display: block;
                    width: 100%;
                    height: 50px;
                    line-height: 50px;
                    background: #dedede;
                    font-size: 22px;
                    color: #666;
                    margin-bottom: 10px;
                }

.pax3 {
    padding: 50px 0;
    background: url(../images/pax5.jpg)center no-repeat;
    background-size: cover;
}

    .pax3 dl {
        width: 1440px;
        background: #fff;
        position: relative;
        left: -120px;
    }

        .pax3 dl dd {
            width: 1200px;
            margin: 0 auto;
            display: none;
        }

            .pax3 dl dd:nth-child(1) {
                display: block;
            }

        .pax3 dl img {
            display: block;
            max-width: 1200px;
            margin: 0 auto;
        }

    .pax3 .btn {
        width: 950px;
        margin: 0 auto 50px;
    }

        .pax3 .btn span {
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            transition: all .5s;
            display: block;
            float: left;
            padding: 17px 40px;
            background: #393c38;
            color: #fff;
            cursor: pointer;
            font-size: 24px;
        }

            .pax3 .btn span:nth-child(2) {
                float: right;
            }

            .pax3 .btn span:hover, .pax3 .btn span.act {
                background: #2e3192;
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                transition: all .5s;
            }

.pax4 {
    padding: 100px 0;
    text-align: center;
}

    .pax4 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .pax4 .tt {
        margin-bottom: 100px;
    }

    .pax4 .img {
        width: 595px;
        float: left;
    }

        .pax4 .img img {
            display: block;
            width: 100%;
        }

    .pax4 .prt {
        width: 570px;
        float: right;
        text-align: left;
    }

        .pax4 .prt .dtt {
            font-size: 18px;
            font-weight: bold;
            line-height: 18px;
        }

        .pax4 .prt .dct {
            font-size: 12px;
            color: #666;
            line-height: 20px;
            margin: 10px 0 30px;
        }


.pax5 {
    padding: 0;
}

    .pax5 .img {
        float: right;
        width: 630px;
    }

    .pax5 .prt {
        float: left;
        width: 550px;
    }

        .pax5 .prt .dct div {
            font-size: 12px;
            color: #666;
        }

.pax6 {
    padding: 100px 0;
    text-align: center;
}

    .pax6 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .pax6 .img {
        margin: 100px 0 50px;
    }

        .pax6 .img img {
            display: block;
            width: 575px;
            float: left;
        }

            .pax6 .img img:nth-child(2) {
                float: right;
            }

    .pax6 .dtt {
        text-align: justify;
        font-size: 18px;
        font-weight: bold;
        line-height: 18px;
    }

    .pax6 .dct {
        text-align: justify;
        font-size: 12px;
        color: #666;
        line-height: 20px;
        margin: 10px 0 30px;
    }

.pax7 {
    padding: 100px 0 80px;
    background: url(../images/pax11.jpg)center no-repeat;
    background-size: cover;
    text-align: center;
}

    .pax7 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .pax7 .img {
    }

        .pax7 .img img {
            display: block;
            width: 595px;
            float: left;
        }

            .pax7 .img img:nth-child(2) {
                float: right;
            }

    .pax7 .btn {
        width: 1015px;
        margin: 50px auto;
    }

        .pax7 .btn a {
            display: block;
            width: 290px;
            height: 60px;
            text-align: center;
            line-height: 60px;
            background: #393c38;
            color: #fff;
            font-size: 24px;
            float: left;
            margin-right: 72px;
        }

            .pax7 .btn a:nth-child(3) {
                margin-right: 0;
            }

            .pax7 .btn a:hover, .pax7 .btn a.act {
                background: #2e3192;
            }

    .pax7 dl dd {
        display: none;
    }

        .pax7 dl dd:nth-child(1) {
            display: block;
        }

.pax8 {
    padding: 100px 0 0;
    text-align: center;
}

    .pax8 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .pax8 .tt {
        margin-bottom: 80px;
    }

    .pax8 .pa8 img {
        display: block;
        width: 100%;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
    }

    .pax8 .pa8 a {
        display: block;
        width: 100%;
        overflow: hidden;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

        .pax8 .pa8 a:hover img {
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            transition: all .5s;
            transform: scale(1.05);
            -webkit-transform: scale(1.05);
        }

    .pax8 .pax_8 {
        position: relative;
        width: 1200px;
        padding: 0 100px;
        left: -100px;
    }

        .pax8 .pax_8 .next_pa8 {
            width: 52px;
            height: 102px;
            margin-top: -51px;
            background: url(../images/pax1.png)center no-repeat;
            right: 0;
        }

        .pax8 .pax_8 .prev_pa8 {
            width: 52px;
            height: 102px;
            margin-top: -51px;
            background: url(../images/pax2.png)center no-repeat;
            left: 0;
        }

/* 纺织产品 */

.pbu1 {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}

    .pbu1 img {
        display: block;
        width: 100%;
    }

    .pbu1 .mimg {
        display: none;
    }

    .pbu1 .pbox {
        width: 960px;
        position: absolute;
        top: 0;
        left: 50%;
    }

        .pbu1 .pbox .t1 {
            font-size: 46px;
            font-weight: bold;
            font-weight: bold;
            color: #fff;
            line-height: 46px;
            margin-top: 100px;
        }

        .pbu1 .pbox .t2 {
            font-size: 36px;
            font-weight: bold;
            font-weight: bold;
            color: #fff;
            line-height: 36px;
            margin-top: 10px;
        }

        .pbu1 .pbox .t3 {
            font-size: 18px;
            font-weight: bold;
            font-weight: bold;
            color: #b4b4b4;
            line-height: 18px;
            margin-top: 30px;
        }

.pbu2 {
    padding: 100px 0;
    text-align: center;
}

    .pbu2 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .pbu2 .tc {
        font-size: 12px;
        line-height: 12px;
        margin: 50px 0;
        color: #666;
    }

    .pbu2 dl {
    }

        .pbu2 dl dd {
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            transition: all .5s;
            width: 220px;
            float: left;
            background: #f3f3f3;
            padding-bottom: 20px;
            margin-right: 25px;
        }

            .pbu2 dl dd:nth-child(5) {
                margin-right: 0;
            }

            .pbu2 dl dd .img {
                width: 120px;
                margin: 40px auto;
                height: 120px;
                overflow: hidden;
            }

                .pbu2 dl dd .img img {
                    -webkit-transition: all .5s;
                    -moz-transition: all .5s;
                    transition: all .5s;
                    display: block;
                    width: 100%;
                }

            .pbu2 dl dd .dtt {
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                transition: all .5s;
                width: 90%;
                margin: 0 auto;
                font-size: 16px;
                color: #666;
                border-top: 1px solid #ddd;
                line-height: 16px;
                padding-top: 20px;
            }

            .pbu2 dl dd .dct {
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                transition: all .5s;
                color: #666;
                width: 80%;
                margin: 0 auto;
                text-align: justify;
                font-size: 12px;
                padding-top: 10px;
                height: 120px;
                overflow: hidden;
                line-height: 20px;
            }

            .pbu2 dl dd:hover {
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
                border-radius: 10px;
                background: #2e3192;
            }

                .pbu2 dl dd:hover div {
                    -webkit-transition: all .5s;
                    -moz-transition: all .5s;
                    transition: all .5s;
                    color: #fff;
                }

            .pbu2 dl dd .dtt {
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                transition: all .5s;
                border-top: 1px solid #fff;
            }

            .pbu2 dl dd:hover .img img:nth-child(1) {
                margin-top: -120px;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

.pbu3 {
    text-align: center;
}

    .pbu3 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .pbu3 .tt {
        margin-bottom: 50px;
    }

    .pbu3 .img {
        width: 630px;
        float: left;
        overflow: hidden;
    }

        .pbu3 .img img {
            display: bold;
            width: 100%;
            float: left;
        }

    .pbu3 .drt {
        width: 530px;
        float: right;
        text-align: left;
    }

        .pbu3 .drt dd {
            margin-bottom: 15px;
        }

            .pbu3 .drt dd span {
                display: block;
                width: 30px;
                height: 30px;
                float: left;
                border-radius: 5px;
                background: #2e3192;
                color: #fff;
                text-align: center;
                line-height: 30px;
                font-size: 18px;
                font-weight: bold;
            }

            .pbu3 .drt dd div {
                width: 470px;
                float: right;
                border: 1px solid #eeb3b5;
                height: 30px;
                line-height: 30px;
                border-radius: 5px;
                padding-left: 20px;
                box-sizing: border-box;
            }

            .pbu3 .drt dd:nth-child(2n) span {
                background: #3c3938;
            }

            .pbu3 .drt dd:nth-child(2n) div {
                border: 1px solid #ddd;
            }

.pbu4 {
    text-align: center;
    padding: 100px 0;
}

    .pbu4 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .pbu4 .tc {
        font-size: 12px;
        color: #666;
        text-align: justify;
        margin: 50px 0 80px;
    }

    .pbu4 dl {
        position: relative;
        width: 1200px;
        height: 1112px;
        border-bottom: 1px dotted #999;
    }

        .pbu4 dl dt {
            position: relative;
            z-index: -1;
        }

            .pbu4 dl dt img {
                display: block;
                width: 100%;
            }

            .pbu4 dl dt .mimg {
                display: none;
            }

            .pbu4 dl dt .pimg {
                position: relative;
                animation: zud 1.5s linear infinite alternate;
                -webkit-animation: zud 1.5s linear infinite alternate;
            }

@keyframes zud {
    0% {
        top: 0;
    }

    100% {
        top: -10px;
    }
}

@-webkit-keyframes zud {
    0% {
        top: 0;
    }

    100% {
        top: -10px;
    }
}

.pbu4 dl dd {
    position: absolute;
    top: 0;
    left: 20px;
    width: 275px;
}

    .pbu4 dl dd .img {
        width: 100%;
        border: 1px solid #ddd;
        border-radius: 10px;
        overflow: hidden;
    }

        .pbu4 dl dd .img img {
            display: block;
            width: 100%;
        }

    .pbu4 dl dd .dtt {
        width: 80%;
        margin: 10px auto;
        text-align: justify;
        font-size: 16px;
        color: #2e3192;
        line-height: 16px;
    }

    .pbu4 dl dd .dct {
        width: 80%;
        margin: 0 auto;
        text-align: left;
        font-size: 12px;
        color: #666;
    }

    .pbu4 dl dd .xian {
        height: 180px;
        border-right: 1px dotted #2e3192;
        position: absolute;
        top: 165px;
        right: 10px;
    }

    .pbu4 dl dd:nth-child(2) {
        position: absolute;
        top: 0;
        left: 460px;
        width: 275px;
    }

        .pbu4 dl dd:nth-child(2) .xian {
            width: 120px;
            height: 180px;
            border-right: 1px dotted #2e3192;
            border-bottom: 1px dotted #2e3192;
            position: absolute;
            top: 165px;
            right: 10px;
        }

    .pbu4 dl dd:nth-child(3) {
        position: absolute;
        top: 0;
        left: 890px;
        width: 275px;
    }

        .pbu4 dl dd:nth-child(3) .xian {
            width: 360px;
            height: 124px;
            border-right: 1px dotted #2e3192;
            border-bottom: 1px dotted #2e3192;
            position: absolute;
            top: 165px;
            right: 10px;
        }

    .pbu4 dl dd:nth-child(4) {
        position: absolute;
        top: 500px;
        left: 20px;
        width: 275px;
    }

        .pbu4 dl dd:nth-child(4) .xian {
            width: 35px;
            height: 1px;
            border-bottom: 1px dotted #2e3192;
            position: absolute;
            top: 55px;
            right: -35px;
        }

    .pbu4 dl dd:nth-child(5) {
        position: absolute;
        top: 520px;
        left: 890px;
        width: 275px;
    }

        .pbu4 dl dd:nth-child(5) .xian {
            width: 65px;
            height: 125px;
            border-right: 0;
            border-bottom: 1px dotted #2e3192;
            border-left: 1px dotted #2e3192;
            position: absolute;
            top: -80px;
            right: 275px;
        }

    .pbu4 dl dd:nth-child(6) {
        position: absolute;
        top: 820px;
        left: 20px;
        width: 275px;
    }

        .pbu4 dl dd:nth-child(6) .xian {
            width: 126px;
            height: 300px;
            border-bottom: 1px dotted #2e3192;
            position: absolute;
            top: -200px;
            right: -126px;
        }

    .pbu4 dl dd:nth-child(7) {
        position: absolute;
        top: 820px;
        left: 460px;
        width: 275px;
    }

        .pbu4 dl dd:nth-child(7) .xian {
            width: 1px;
            height: 280px;
            position: absolute;
            top: -280px;
            right: 80px;
        }

    .pbu4 dl dd:nth-child(8) {
        position: absolute;
        top: 820px;
        left: 890px;
        width: 275px;
    }

        .pbu4 dl dd:nth-child(8) .xian {
            width: 150px;
            height: 350px;
            border-right: 0;
            position: absolute;
            border-left: 1px dotted #2e3192;
            border-bottom: 1px dotted #2e3192;
            top: -300px;
            right: 275px;
        }

.pbu4 dl dt .yuan {
    width: 26px;
    height: 26px;
    position: absolute;
}

.pbu4 dl dt .yuan1 {
    top: 340px;
    left: 270px;
}

.pbu4 dl dt .yuan2 {
    top: 340px;
    left: 580px;
}

.pbu4 dl dt .yuan3 {
    top: 280px;
    left: 780px;
}

.pbu4 dl dt .yuan4 {
    top: 540px;
    left: 330px;
}

.pbu4 dl dt .yuan5 {
    top: 600px;
    left: 405px;
}

.pbu4 dl dt .yuan6 {
    top: 520px;
    left: 640px;
}

.pbu4 dl dt .yuan7 {
    top: 500px;
    left: 725px;
}

.pbu4 dl dt .yuan8 {
    top: 415px;
    left: 810px;
}

.pbu5 {
    text-align: center;
    padding: 100px 0 0;
}

    .pbu5 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .pbu5 .tc {
        font-size: 12px;
        color: #666;
        text-align: justify;
        margin: 50px 0 80px;
    }

    .pbu5 .img img {
        display: block;
        width: 100%;
        max-width: 1200px;
    }

/* 环思大脑 */

.h1 {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    font-family: siyuan;
}

    .h1 > img {
        display: block;
        width: 100%;
    }

    .h1 .m_bg {
        display: none;
    }

.mcm {
    display: none;
}


.h1 .hbox {
    width: 1200px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;
    z-index: 99;
}

    .h1 .hbox .htxt {
        width: 950px;
        min-height: 255px;
        background: url(../images/h1.png) center no-repeat;
        text-align: center;
        margin: 570px auto 0;
        background-size: 100%;
    }

        .h1 .hbox .htxt .htt {
            font-size: 28px;
            color: #fff;
            line-height: 28px;
            padding-top: 70px;
        }

        .h1 .hbox .htxt .htc {
            width: 800px;
            margin: 20px auto;
            color: #fff;
            font-size: 18px;
        }

    .h1 .hbox .hnav {
        margin-top: 340px;
    }

        .h1 .hbox .hnav a {
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
            display: block;
            float: left;
            width: 250px;
            height: 64px;
            background: url(../images/h2.png) center no-repeat;
            padding: 24px 0 0 20px;
        }

            .h1 .hbox .hnav a span {
                display: block;
                width: 64px;
                height: 64px;
                float: left;
                font-size: 34px;
                text-align: center;
                line-height: 64px;
                color: #fff;
                font-weight: bold;
                overflow: hidden;
                position: relative;
            }

                .h1 .hbox .hnav a span img {
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                    position: absolute;
                    top: 0;
                    left: 0;
                    display: block;
                    width: 100%;
                    animation: zhuan 10s infinite linear;
                    -webkit-animation: zhuan 10s infinite linear;
                }

                    .h1 .hbox .hnav a span img:nth-child(2) {
                        opacity: 0;
                    }

            .h1 .hbox .hnav a .art {
                width: 170px;
                float: right;
            }

                .h1 .hbox .hnav a .art div {
                    color: #fff;
                }

                .h1 .hbox .hnav a .art .hd1 {
                    font-size: 24px;
                    line-height: 24px;
                    padding-top: 10px;
                }

            .h1 .hbox .hnav a.act, .h1 .hbox .hnav a:hover {
                background: url(../images/h3.png) center no-repeat;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

                .h1 .hbox .hnav a.act span {
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                    transform: rotate(360deg);
                    -webkit-transform: rotate(360deg);
                }

                    .h1 .hbox .hnav a.act span img:nth-child(1), .h1 .hbox .hnav a:hover span img:nth-child(1) {
                        opacity: 0;
                        -webkit-transition: all .3s;
                        -moz-transition: all .3s;
                        transition: all .3s;
                    }

                    .h1 .hbox .hnav a.act span img:nth-child(2), .h1 .hbox .hnav a:hover span img:nth-child(2) {
                        opacity: 1;
                        -webkit-transition: all .3s;
                        -moz-transition: all .3s;
                        transition: all .3s;
                    }

                .h1 .hbox .hnav a.act span, .h1 .hbox .hnav a.act div, .h1 .hbox .hnav a:hover span, .h1 .hbox .hnav a:hover div {
                    color: #0bb6db;
                }

            .h1 .hbox .hnav a:nth-child(2) {
                margin-left: -125px;
                margin-top: 155px;
            }

            .h1 .hbox .hnav a:nth-child(3) {
                margin-left: 55px;
                margin-top: 55px;
            }

            .h1 .hbox .hnav a:nth-child(4) {
                margin-left: 5px;
                margin-top: 155px;
            }

            .h1 .hbox .hnav a:nth-child(5) {
                margin-left: -125px;
            }

.h2 {
    padding: 100px 0;
    background: #fff;
    text-align: center;
}

    .h2 .tt span {
        display: inline-block;
        padding-left: 15px;
        border-left: 5px solid #2e3192;
        font-size: 24px;
    }

    .h2 .tc {
        margin: 50px 0 100px;
        font-size: 20px;
    }

    .h2 .box .img {
        position: relative;
        width: 620px;
        min-height: 505px;
        margin: 0 auto;
        background: url(../images/h2.jpg) center no-repeat;
        background-size: cover;
    }

    .h2 .box .a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

        .h2 .box .a a {
            position: relative;
            display: block;
            width: 115px;
            height: 115px;
            background: #00b3b5;
            font-size: 30px;
            text-align: center;
            line-height: 115px;
            color: #fff;
            float: left;
            border-radius: 50%;
            margin: 30px 0 0 80px;
        }

            .h2 .box .a a.act {
                animation: ud_1 1.5s linear infinite alternate;
                -webkit-animation: ud_1 1.5s linear infinite alternate;
            }

            .h2 .box .a a:nth-child(2) {
                margin-left: 250px;
                background: #df5281;
            }

            .h2 .box .a a:nth-child(3) {
                background: #4aadf7;
                margin-top: 205px;
            }

            .h2 .box .a a:nth-child(4) {
                background: #3c1e78;
                margin-top: 205px;
                margin-left: 250px;
            }

    .h2 .box .ul1 {
        display: none;
        border-radius: 10px;
        -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .2);
        box-shadow: 0px 10px 10px 10px rgba(0, 0, 0, .1);
        position: absolute;
        width: 1050px;
        min-height: 500px;
        top: 175px;
        left: 50%;
        margin-left: -525px;
        background: url(../images/h6.png) center;
    }

        .h2 .box .ul1 li {
            position: relative;
            display: none;
        }

            .h2 .box .ul1 li .lft {
                width: 495px;
                float: left;
            }

                .h2 .box .ul1 li .lft img {
                    display: block;
                    width: 100%;
                }

            .h2 .box .ul1 li .lrt {
                width: 450px;
                float: right;
                margin-right: 100px;
                text-align: left;
            }

                .h2 .box .ul1 li .lrt .ltt {
                    font-size: 24px;
                    line-height: 24px;
                    margin-top: 120px;
                }

                .h2 .box .ul1 li .lrt .ltc {
                    margin-top: 25px;
                }



            .h2 .box .ul1 li .lout {
                position: absolute;
                top: 20px;
                right: 50px;
                width: 45px;
                height: 45px;
                background: url(../images/h8.png) center no-repeat;
                cursor: pointer;
            }

    /* 大脑2 */

    .h2 .box .tt2 {
        font-size: 20px;
        line-height: 20px;
        margin: 50px 0 10px;
    }

    .h2 .box .a2 {
        padding-top: 50px;
    }

        .h2 .box .a2 a {
            display: block;
            float: left;
            padding: 10px;
            border-radius: 50%;
            border: 4px solid #fff;
            margin: 60px 0 0 50px;
            position: relative;
        }

            .h2 .box .a2 a span {
                display: block;
                width: 140px;
                height: 140px;
                text-align: center;
                line-height: 140px;
                font-size: 30px;
                color: #fff;
                background: #17a9cd;
                border-radius: 50%;
            }

            .h2 .box .a2 a.dh_act {
                animation: ud_1 1.5s linear infinite alternate;
                -webkit-animation: ud_1 1.5s linear infinite alternate;
            }

            .h2 .box .a2 a:nth-child(2) {
                margin-top: 0;
                margin-left: 120px;
            }

                .h2 .box .a2 a:nth-child(2) span {
                    background: #47b2f6;
                }

            .h2 .box .a2 a:nth-child(3) {
                margin-left: 120px;
            }

                .h2 .box .a2 a:nth-child(3) span {
                    background: #0fc4d4;
                }

            .h2 .box .a2 a:nth-child(4) {
                margin-left: 120px;
                margin-top: 30px;
            }

                .h2 .box .a2 a:nth-child(4) span {
                    background: #76c7fb;
                }

            .h2 .box .a2 a.act, .h2 .box .a2 a:hover {
                border: 4px solid #17a9cd;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .h2 .box .a2 a:nth-child(2).act, .h2 .box .a2 a:nth-child(2):hover {
                border: 4px solid #47b2f6;
            }

            .h2 .box .a2 a:nth-child(3).act, .h2 .box .a2 a:nth-child(3):hover {
                border: 4px solid #0fc4d4;
            }

            .h2 .box .a2 a:nth-child(4).act, .h2 .box .a2 a:nth-child(4):hover {
                border: 4px solid #76c7fb;
            }

    .h2 .box .ul2 {
        padding: 50px 0;
    }

        .h2 .box .ul2 li {
            padding: 50px 0;
            background: #f7f7f7;
            border-radius: 30px;
            display: none;
        }

            .h2 .box .ul2 li:nth-child(1) {
                display: block;
            }

            .h2 .box .ul2 li .limg {
                width: 605px;
                float: right;
                text-align: left;
                margin-right: 50px;
            }

                .h2 .box .ul2 li .limg div {
                    font-size: 18px;
                    color: #2e3192;
                }

                .h2 .box .ul2 li .limg img {
                    display: block;
                    max-width: 605px;
                }

            .h2 .box .ul2 li .llt {
                width: 460px;
                float: left;
                margin-left: 50px;
                text-align: left;
                max-height: 325px;
                overflow: auto;
            }

                .h2 .box .ul2 li .llt .ltt {
                    font-size: 24px;
                    line-height: 24px;
                    margin-bottom: 30px;
                }

                .h2 .box .ul2 li .llt .ltc {
                    margin-bottom: 20px;
                }



    /* 大脑3 */



    .h2 .box3 {
        width: 950px;
    }

        .h2 .box3 .tc3 {
            font-size: 14px;
            width: 940px;
            margin: 0 auto;
        }

        .h2 .box3 .a3 {
            margin: 30px 0;
        }

            .h2 .box3 .a3 a {
                display: block;
                position: relative;
                width: 455px;
                float: left;
                overflow: hidden;
            }

                .h2 .box3 .a3 a:nth-child(2) {
                    float: right;
                }

                .h2 .box3 .a3 a img {
                    display: block;
                    width: 100%;
                }

                    .h2 .box3 .a3 a img:nth-child(2) {
                        position: absolute;
                        top: 0;
                        left: 0;
                        opacity: 0;
                        -webkit-transition: all .3s;
                        -moz-transition: all .3s;
                        transition: all .3s;
                    }

                .h2 .box3 .a3 a div {
                    position: absolute;
                    width: 290px;
                    height: 85px;
                    text-align: center;
                    line-height: 85px;
                    background: #2e3192;
                    color: #fff;
                    font-size: 24px;
                    top: 40px;
                    left: 50%;
                    margin-left: -145px;
                    opacity: 0;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

                .h2 .box3 .a3 a.act img:nth-child(2), .h2 .box3 .a3 a:hover img:nth-child(2), .h2 .box3 .a3 a.act div, .h2 .box3 .a3 a:hover div {
                    opacity: 1;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

        .h2 .box3 .ul3 {
            min-height: 322px;
            background: url(../images/h10.png) center no-repeat;
            background-size: 100%;
        }

            .h2 .box3 .ul3 li {
                padding: 30px 0;
                display: none;
            }

                .h2 .box3 .ul3 li:nth-child(1) {
                    display: block;
                }

                .h2 .box3 .ul3 li .limg {
                    width: 420px;
                    float: right;
                }

                .h2 .box3 .ul3 li .txt {
                    width: 300px;
                    float: left;
                    text-align: left;
                    margin: 70px 0 0 90px;
                }

                    .h2 .box3 .ul3 li .txt .ltt {
                        font-size: 24px;
                        line-height: 24px;
                        margin-bottom: 30px;
                    }

                    .h2 .box3 .ul3 li .txt .ltc {
                        font-size: 14px;
                    }

    /* 大脑4 */


    .h2 .box .tc4 {
        margin-bottom: 50px;
    }

    .h2 .box .a4 {
        width: 100%;
        min-height: 470px;
        background: url(../images/h8.jpg) center no-repeat;
    }

        .h2 .box .a4 a {
            display: block;
            width: 125px;
            background: #2e3192;
            color: #fff;
            float: left;
            border-radius: 50%;
            font-size: 30px;
            line-height: 36px;
            padding: 25px 0;
            margin: 50px 0 0 150px;
        }

            .h2 .box .a4 a:nth-child(2) {
                margin: 170px 0 0 580px;
                background: #4268ba;
            }

    .h2 .box .ul4 {
        width: 100%;
        position: relative;
        margin-bottom: 150px;
    }

        .h2 .box .ul4 img {
            display: block;
            position: absolute;
            bottom: -200px;
            left: 100px;
            border-radius: 50%;
        }

            .h2 .box .ul4 img:nth-child(2) {
                left: 400px;
                display: none;
            }

    /* 大脑5 */


    .h2 .box .tc5 {
        font-size: 20px;
        line-height: 24px;
        width: 1000px;
        margin: 50px auto;
        text-align: justify;
    }

    .h2 .box .ul5 {
        width: 780px;
        margin: 0 auto;
        top: 70px;
        height: 400px;
        position: relative;
    }

        .h2 .box .ul5 li {
            width: 160px;
            position: absolute;
            bottom: 60px;
            left: 0;
            height: 0px;
            overflow: hidden;
        }

            .h2 .box .ul5 li.act {
                height: 420px;
                -webkit-transition: all .8s linear;
                -moz-transition: all 1s linear;
                transition: all .8s linear;
            }

            .h2 .box .ul5 li:nth-child(2) {
                left: 300px;
            }

            .h2 .box .ul5 li:nth-child(3) {
                left: 600px;
            }

            .h2 .box .ul5 li img {
                display: block;
                width: 100%;
                height: 340px;
                position: absolute;
                bottom: 0;
                left: 0;
            }

            .h2 .box .ul5 li span {
                opacity: 0;
                position: relative;
                z-index: 3;
                display: block;
                width: 160px;
                height: 160px;
                border-radius: 50%;
                background: url(../images/h12.png) center no-repeat;
                line-height: 160px;
                color: #fff;
                font-size: 30px;
            }

            .h2 .box .ul5 li:nth-child(2) span {
                background: url(../images/h13.png) center no-repeat;
            }

            .h2 .box .ul5 li:nth-child(3) span {
                background: url(../images/h14.png) center no-repeat;
            }

            .h2 .box .ul5 li span.act {
                opacity: 1;
                -webkit-transition: all .3s linear;
                -moz-transition: all .3s linear;
                transition: all .3s linear;
            }

@keyframes ud_1 {
    0% {
        top: 0px;
    }

    100% {
        top: -10px;
    }
}

@-webkit-keyframes ud_1 {
    0% {
        top: 0px;
    }

    100% {
        top: -10px;
    }
}


/* banner兼容 */



.c_b1 .mimg, .c_b1 .ttm, .mp_i1, .se1 .mimg, .page2, .ne1 .mimg,
.ne1 .mimg, .ex1 .mimg, .c_b3 .mimg, .ca_1 .mimg, .bus_1 .mimg,
.ap1 .mimg, .apdl_m, .c_b2 .mimg, .abse1_m, .abo2 .ctbox2,
.m_head, .mnav, .im1, .i2 .im2, .i5box2, .i6swp2, .i8m, .mfooter,
.i3 .mcm, .di1 .mimg {
    display: none;
}




@media (min-width : 1200px) {
    .i4 dl dd.act {
        width: 39%;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }
}

/* 1440 */

@media (max-width : 1440px) {

    .ca1 {
        width: 1365px;
        margin: 40px auto 50px;
    }

    .cb1 .cblt .bt1 select {
        margin-right: 0;
    }

    .cb1 .cblt dl dd .dlt {
        margin-top: 15px;
    }

    .pax3 dl {
        width: 1400px;
        background: #fff;
        position: relative;
        left: -100px;
    }

    .i8 .i8rt .rout {
        right: 258px;
    }
}

@media (max-width : 1366px) {

    .pax3 dl {
        width: 1200px;
        background: #fff;
        position: relative;
        left: 0px;
    }

    .i8 .i8rt .rout {
        right: 258px;
    }
}


@media (max-width : 1280px) {

    .ca1 {
        width: 1200px;
        margin: 40px auto 50px;
    }

        .ca1 .dl1 dd {
            width: 600px;
            float: left;
            margin-bottom: 20px;
        }

            .ca1 .dl1 dd .dlt {
                width: 300px;
            }

    .pax3 dl {
        width: 1200px;
        background: #fff;
        position: relative;
        left: 0px;
    }

    .i8 .i8rt .rout {
        right: 338px;
    }
}



@media (max-width : 1024px) {

    body {
        padding: 0;
    }

    .head, .nav_right, .c_b1 .pimg, .c_sr1 .tt, .c_sr1 .en, .footer, .footer_other, .page1 {
        display: none;
    }

    .c_b1 .mimg, .c_b1 .ttm {
        display: block;
    }

    .c_b1 {
        width: 100%;
        left: 0;
        margin: 0;
    }

    .c_sr1 .ttm {
        display: block;
        position: absolute;
        top: 20%;
        left: 0;
        font-size: 30px;
        text-align: center;
        line-height: 30px;
        color: #fff;
        width: 100%;
    }

    .c_sr1 .ct {
        top: 40%;
    }

    .c_sr1 .xian {
        top: 80%;
    }

    .box {
        padding: 0 5%;
        width: 90%;
    }

    .sr1 {
        padding: 30px 0;
    }

        .sr1 dl {
            display: none;
        }

    .mp_i1 {
        display: block;
        padding: 30px 0;
    }

        .mp_i1 img {
            display: block;
            width: 196px;
            margin: 0 auto;
        }

        .mp_i1 .dtt {
            font-size: 18px;
            line-height: 18px;
            padding: 15px 0 10px;
        }

        .mp_i1 .dtc {
            width: 80%;
            color: #666;
            margin: 0 auto;
        }

        .mp_i1 .swiper-pagination_mpi1 .swiper-pagination-bullet-active {
            background: #2e3192;
        }

    .sr2 {
        padding: 30px 0;
    }

        .sr2 .ct {
            font-size: 16px;
            line-height: 24px;
            padding: 20px 0;
            width: 90%;
            margin: 0 auto;
            text-align: left;
        }

        .sr2 dl dd {
            width: 80%;
            float: none;
            margin: 0 auto 20px;
        }

            .sr2 dl dd .img img {
                transform: rotateX(0deg);
                -webkit-transform: rotateX(0deg);
            }

            .sr2 dl dd:nth-child(4) {
                margin: 0 auto;
            }

    .sr3 {
        padding: 30px 0;
    }

        .sr3 .ct {
            font-size: 16px;
            line-height: 24px;
            padding: 20px 0;
        }

        .sr3 dl dd .dlt {
            background: #f5f3f2;
            padding: 0px 0;
            width: 100%;
        }

        .sr3 dl dd {
            padding: 1px 0;
            width: 100%;
            float: none;
        }

            .sr3 dl dd .dlt {
                padding: 0;
                margin-bottom: 20px;
            }

            .sr3 dl dd .drt {
                float: none;
                width: 90%;
                padding: 0;
                margin: 0 auto;
                display: none;
            }

            .sr3 dl dd .dlt:hover .img img:nth-child(2) {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                opacity: 1;
            }

            .sr3 dl dd .dlt:hover .img img:nth-child(1) {
                opacity: 0;
            }

            .sr3 dl dd .dlt:hover .img {
                background: url(../images/sr10_m.png)center no-repeat;
            }


    .sn1 {
        padding: 50px 0;
    }

        .sn1 .slt, .sn1 .srt, .page1 {
            width: 100%;
            float: none;
        }

            .sn1 .slt img {
                margin: 0 auto;
            }

            .sn1 .srt .t1 {
                font-size: 24px;
            }

            .sn1 .srt .t4 div {
                width: 80%;
            }

            .sn1 .srt .t4 a {
                width: 18%;
            }


    .se1 .mimg {
        display: block;
    }

    .se1 .pimg {
        display: none;
    }

    .se1 {
        width: 100%;
        left: 0;
        margin: 0;
    }


        .se1 .sbox {
            width: 90%;
            left: 5%;
            margin-left: 0;
        }

            .se1 .sbox .tt {
                font-size: 20px;
                text-align: center;
                margin: 10% 0 5%;
            }

            .se1 .sbox .ctss {
                width: 100%;
            }

            .se1 .sbox .ctfs, .se1 .sbox .ctas {
                margin-top: 5%;
            }

    .se2 .tt {
        padding: 20px 0;
    }

    .se2 dl {
        padding-top: 30px;
    }

        .se2 dl dd {
            margin-bottom: 30px;
        }

            .se2 dl dd .img {
                float: none;
                margin: 0 auto;
                width: 100%;
            }

            .se2 dl dd .drt {
                width: 100%;
                float: none;
                margin: 0 auto;
                padding-top: 10px;
            }

                .se2 dl dd .drt .day {
                    padding: 5px 0;
                }

            .se2 dl dd:hover .drt {
                margin: 0 auto;
            }

    .page2 {
        display: block;
        width: 150px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        background: #2e3192;
        color: #fff;
        margin: 50px auto;
    }

    .on1 {
        width: 100%;
        margin: 30px auto;
        height: auto;
        text-align: center;
        line-height: 30px;
        padding: 20px 0;
        font-size: 16px;
    }

        .on1 div {
            float: none;
        }

    .on2 .olt {
        width: 100%;
        float: none;
    }

    .on2 .obox {
        width: 80%;
        height: 80%;
        left: 10%;
        top: 10%;
    }

        .on2 .obox .tt {
            font-size: 30px;
            line-height: 30px;
            margin-top: 40px;
        }

    .on2 .olt .to1 {
        margin: 30px 0;
    }

    .on2 .ort {
        width: 100%;
        float: none;
    }

    .on2 .ort_bt li .l1 {
        width: 90%;
        margin: 0 0 15px 5%;
    }

    .on2 .ort_bt li .l6 {
        margin: 0 0 15px 5%;
        width: 90%;
    }

    .on2 {
        padding-bottom: 30px;
    }

        .on2 .ort_bt li .l2_1 {
            width: 90%;
            margin: 40px 0 0 5%;
            padding-left: 75px;
        }

    .nec1 {
        padding: 30px 0 0;
    }

        .nec1 .ncrt {
            padding: 30px 5%;
            width: 100%;
            height: auto;
            float: none;
        }

            .nec1 .ncrt .tt2, .nec1 .ncrt .nci1, .nec1 .nclt .day .otrt {
                display: none;
            }

            .nec1 .ncrt .tc {
                height: auto;
                margin-bottom: 0;
            }

        .nec1 .nclt {
            width: 100%;
            float: none;
            padding: 30px 0 0;
        }

            .nec1 .nclt .tt {
                font-size: 20px;
            }

            .nec1 .nclt .ncont {
                padding: 30px 0;
            }

                .nec1 .nclt .ncont img {
                    width: 100%;
                }

            .nec1 .nclt .da {
                padding: 0;
            }

                .nec1 .nclt .da .fh {
                    position: static;
                    margin: 30px auto;
                }

    .ne1 .mimg {
        display: block;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .ne1 .pimg {
        display: none;
    }

    .ne1 {
        width: 100%;
        height: auto;
        left: 0;
        margin: 0;
    }

        .ne1 .box {
        }

        .ne1 .tt {
            text-align: center;
        }

        .ne1 .en {
            font-size: 18px;
            text-align: center;
            font-weight: bold;
        }

        .ne1 .n1 {
            margin-top: 110px;
            padding-bottom: 50px;
            height: auto;
            background: #fff;
        }

            .ne1 .n1 .slt {
                float: none;
                width: 100%;
                margin: 0 auto;
            }

            .ne1 .n1 .srt {
                width: 90%;
                margin: 0 auto;
                float: none;
            }

                .ne1 .n1 .srt .day {
                    margin-top: 30px;
                }

                .ne1 .n1 .srt .stt {
                    font-size: 20px;
                    margin: 10px 0;
                }

            .ne1 .n1 .swiper-pagination_n1 {
                text-align: center;
                width: 100%;
                padding: 0;
                bottom: 10px;
            }

                .ne1 .n1 .swiper-pagination_n1 span {
                    width: 10px;
                    height: 10px;
                }

            .ne1 .n1 a:hover .srt {
                margin: 0 auto;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .ne1 .n1 .srt .move {
                margin: 20px auto 0;
            }

    .ne2 {
        width: 90%;
        margin: 30px auto 0;
    }

        .ne2 div {
            float: none;
            width: 100%;
            background: #fff;
            margin-top: 20px;
        }

            .ne2 div a {
                width: 25%;
                margin: 0;
            }

    .ne3 {
        padding: 30px 0;
    }

        .ne3 dd {
            padding: 0px 0 20px 0;
            margin-bottom: 20px;
        }

            .ne3 dd .dlt {
                width: 100%;
                float: none;
            }

            .ne3 dd .drt {
                width: 90%;
                float: none;
                margin: 0 auto;
            }

                .ne3 dd .drt .day {
                    padding-top: 10px;
                }

                .ne3 dd .drt .dtt {
                    font-size: 20px;
                    margin: 15px 0;
                }

                .ne3 dd .drt .dct {
                    padding-bottom: 0;
                    border: none;
                }

    .nec1 .nclt2 .tc {
        padding: 0 0 30px;
    }

    .nec1 .nclt2 dl dd {
        padding: 0 0 10px 0;
    }

        .nec1 .nclt2 dl dd .dtt {
            font-size: 20px;
            line-height: 24px;
        }

        .nec1 .nclt2 dl dd .dct {
            padding: 0;
            margin: 10px 0;
        }

    .c_b1 .tt {
        top: 30%;
    }

    .c_b1 .en {
        font-size: 20px;
        line-height: 20px;
        top: 50%;
    }

    .c_b1 .xian {
        top: 70%;
    }

    .le1 {
        padding: 30px 5%;
        width: 90%;
    }

        .le1 div {
            font-size: 16px;
            line-height: 20px;
            text-align: justify;
        }

    .le2 {
        padding: 30px 0;
    }

        .le2 .tt {
            font-size: 18px;
        }

        .le2 .tt1 {
            font-size: 16px;
            padding: 10px 0;
        }

        .le2 .ct {
            padding-bottom: 10px;
        }

        .le2 .ct1 {
            line-height: 20px;
        }

        .le2 .ct2 {
            line-height: 20px;
        }

        .le2 .xian {
            margin: 30px 0;
        }

        .le2 dl {
            padding-top: 30px;
        }

            .le2 dl dd {
                margin-right: 0;
                box-sizing: border-box;
                width: 50%;
                border-right: 1px solid #ddd;
                border-bottom: 1px solid #ddd;
                padding: 20px 0;
            }

                .le2 dl dd:nth-child(2n) {
                    border-right: none;
                }

                .le2 dl dd .dt {
                    width: 100px;
                    height: 100px;
                    margin: 0 auto;
                    font-size: 12px;
                    line-height: 100px;
                }

                .le2 dl dd:nth-child(2) .dt, .le2 dl dd:nth-child(3) .dt, .le2 dl dd:nth-child(8) .dt, .le2 dl dd:nth-child(10) .dt {
                    line-height: 20px;
                    padding-top: 30px;
                }

                .le2 dl dd:nth-child(7) .dt {
                    line-height: 16px;
                }

                .le2 dl dd .dc {
                    width: 73%;
                    margin: 10px auto 0;
                    text-align: center;
                    font-size: 12px;
                    line-height: 16px;
                    height: 45px;
                }

        .le2 .tc3 {
            padding: 20px;
        }

            .le2 .tc3 div {
                font-size: 16px;
                line-height: 20px;
                text-align: justify;
            }

    .le3 {
        padding: 30px 0;
    }

        .le3 .dlt, .le3 .drt {
            width: 100%;
            float: none;
        }

        .le3 .drt {
            padding-top: 20px;
        }

            .le3 .drt .l1 {
                width: 100%;
            }

            .le3 .drt .move {
                margin: 0 auto;
            }

    .inv1 {
        padding: 30px 0 0;
    }

        .inv1 dl dt {
            margin-bottom: 20px;
        }

        .inv1 dl dd .dlt {
            height: 50px;
            overflow: hidden;
        }

        .inv1 dl {
            padding-bottom: 30px;
        }



    .fa1 {
        padding: 30px 0;
    }

        .fa1 .flt {
            width: 100%;
            float: none;
        }

            .fa1 .flt dd div {
                background: url(../images/fj1.png) 95% center no-repeat;
            }

            .fa1 .flt dd.act div {
                background: #2e3192 url(../images/fj2.png) 95% center no-repeat;
            }

            .fa1 .flt dt {
                background: #3c3938 url(../images/fj1_m.png) 95% center no-repeat;
            }

                .fa1 .flt dt.act {
                    background: #3c3938 url(../images/fj2.png) 95% center no-repeat;
                }

            .fa1 .flt dd, .ex1 .pimg {
                display: none;
            }

        .fa1 .frt {
            width: 100%;
            float: none;
            padding: 30px 0 0;
            border: none;
        }

            .fa1 .frt img {
                width: 100%;
            }



    .ex1 .mimg {
        display: block;
    }

    .ex1 {
        width: 100%;
        left: 0;
        margin: 0;
    }

        .ex1 .exbox {
            width: 90%;
            left: 5%;
            margin: 0;
        }

            .ex1 .exbox .xian {
                margin: 30px auto 0;
            }

            .ex1 .exbox .tt {
                font-size: 24px;
                line-height: 30px;
                text-align: center;
            }

            .ex1 .exbox .move {
                margin: 0 auto;
            }

            .ex1 .exbox .ct {
                padding-top: 20px;
                text-align: center;
            }

    .ex2 .tt {
        padding: 30px 0;
    }

    .ex2 .ct {
        width: 90%;
        height: auto;
    }

        .ex2 .ct .ctbox {
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
        }

            .ex2 .ct .ctbox .cimg {
                margin: 20% auto 0;
                width: 50px;
                height: 50px;
            }

            .ex2 .ct .ctbox .ctxt {
                line-height: 30px;
            }

            .ex2 .ct .ctbox .vout {
                top: 0;
                left: 50%;
                margin-left: -25px;
                top: 110%;
            }

    .ex2 {
        height: auto;
        padding-bottom: 100px;
    }

    .ex3 {
        height: auto;
        background-size: cover;
        padding-bottom: 30px;
    }

        .ex3 .tt {
            padding: 30px 0;
        }

        .ex3 .ct {
            width: 90%;
            margin: 0 auto;
            font-size: 16px;
        }

        .ex3 dl {
            width: 90%;
            margin: 30px auto 0;
        }

            .ex3 dl dd, .ex3 dl dd:nth-child(4) {
                float: none;
                margin: 0 auto 20px;
                transform: rotateY(0deg);
                -webkit-transform: rotateY(0deg);
                -webkit-transition: all .8s;
                -moz-transition: all .8s;
                transition: all .8s;
            }

                .ex3 dl dd .dtt {
                    height: 30px;
                }

    .ex4 {
        height: auto;
    }

        .ex4 .tt {
            padding: 30px 0;
        }

        .ex4 dl {
            width: 90%;
        }

            .ex4 dl dd {
                width: 100%;
                margin-bottom: 20px;
            }

    .ex5 {
        height: auto;
        background-size: cover;
    }

        .ex5 .exbox {
            width: 90%;
            height: auto;
            background: none;
        }

    .eb_cont {
        width: 100%;
        padding: 30px 0;
    }

    .ex5 .ct {
        line-height: 20px;
        padding: 20px 0;
    }

    .ex5 .td1 span {
        width: 20%;
        line-height: 34px;
    }

    .ex5 .td1 input, .ex5 .td1 textarea {
        width: 80%;
        background: #fff;
    }

    .ex5 .td2 .trt {
        width: 100%;
    }

    .ex5 .td2 img, .c_b3 .pimg {
        display: none;
    }

    .er1 {
        padding: 50px 0;
    }

        .er1 .ebox {
            width: 100%;
        }

    .c_b3 .mimg {
        display: block;
    }

    .c_b3 {
        width: 100%;
        left: 0;
        margin: 0;
    }

        .c_b3 .cbox {
            width: 90%;
            left: 5%;
            margin: 0;
        }

            .c_b3 .cbox .tt {
                font-size: 30px;
                line-height: 34px;
                text-align: center;
                padding-top: 0px;
                margin-top: 18%;
            }

            .c_b3 .cbox .ct, .c_b3 .cbox .ct2 {
                display: none;
            }

            .c_b3 .cbox .en {
                font-size: 20px;
                line-height: 20px;
                text-align: center;
            }

            .c_b3 .cbox .xian {
                margin: 0 auto;
            }

    .co1 {
        padding: 30px 0;
    }

        .co1 dl dd, .co1 dl dd img {
            width: 100%;
            opacity: 1;
            margin-right: 0;
        }

        .co1 dl dd {
            margin-bottom: 20px;
        }

            .co1 dl dd .txt {
                opacity: 1;
            }

    .co2 {
        padding: 30px 0;
    }

        .co2 .co_c1 {
            font-size: 16px;
            text-align: justify;
            padding-top: 20px;
        }

        .co2 .co_t1 {
            font-size: 20px;
            padding: 20px 0;
        }

        .co2 .co_c2 {
            line-height: 20px;
        }

        .co2 .cbox {
            padding-top: 30px;
        }

            .co2 .cbox .clt, .co2 .cbox .crt {
                width: 100%;
                float: none;
            }

                .co2 .cbox .clt img {
                    display: block;
                    width: 100%;
                }

            .co2 .cbox .crt {
                padding-top: 30px;
            }

                .co2 .cbox .crt .cr_d1 div {
                    width: 80%;
                    background: none;
                    color: #333;
                    padding: 0;
                    line-height: 20px;
                    height: auto;
                }

                .co2 .cbox .crt .cr_d1:nth-child(2) div, .co2 .cbox .crt .cr_d1:nth-child(3) div, .co2 .cbox .crt .cr_d1:nth-child(4) div, .co2 .cbox .crt .cr_d1:nth-child(5) div {
                    background: none;
                }

    .co3 {
        padding: 30px 0;
    }

    .is8 {
        width: 100%;
        left: 0;
        margin: 0 0 30px 0;
        height: auto;
        padding-bottom: 30px;
    }

        .is8 .img1 {
            display: none;
        }

        .is8 .sbox {
            width: 90%;
            height: auto;
            padding: 0;
            margin: 0 auto;
        }

            .is8 .sbox .slt, .is8 .sbox .srt {
                width: 100%;
                float: none;
            }

                .is8 .sbox .srt .dtt {
                    font-size: 18px;
                    padding: 0;
                    margin: 10px 0;
                }

                .is8 .sbox .srt .dct {
                    padding: 0;
                    border: none;
                }

                .is8 .sbox .srt .move {
                    margin: 20px auto;
                }

        .is8 .swiper-pagination_is8 {
            bottom: 0;
        }

            .is8 .swiper-pagination_is8 span {
                width: 20px;
            }

            .is8 .swiper-pagination_is8 .swiper-pagination-bullet-active {
                background: #2e3192;
            }

    .c_b1 .tt2 {
        width: 90%;
        top: 10%;
        left: 5%;
        margin: 0;
    }

        .c_b1 .tt2 .tlt {
            width: 100%;
            text-align: center;
            font-size: 16px;
            line-height: 20px;
            float: none;
        }

            .c_b1 .tt2 .tlt div {
                font-size: 18px;
                line-height: 20px;
                padding: 0;
            }

        .c_b1 .tt2 .trt {
            width: 100%;
            float: none;
            font-size: 22px;
            text-align: center;
            line-height: 30px;
        }

    .c_b1 .btn {
        width: 80%;
        left: 10%;
        margin: 0;
        top: 80%;
    }

        .c_b1 .btn a {
            width: 100px;
            height: 30px;
            line-height: 30px;
        }

    .ch1 {
        padding: 30px 0;
    }

        .ch1 .tt {
            margin-bottom: 20px;
        }

        .ch1 .ct {
            font-size: 16px;
            line-height: 24px;
        }

        .ch1 ul li {
            width: 48%;
            margin-right: 4%;
            margin-bottom: 10px;
        }

            .ch1 ul li:nth-child(2n) {
                margin-right: 0;
            }

    .ch2 {
        padding: 30px 0;
    }

        .ch2 dl dd {
            width: 100%;
            float: none;
        }

        .ch2 dl dt {
            display: none;
        }

        .ch2 dl dd {
            min-height: auto;
            margin-bottom: 30px;
        }

            .ch2 dl dd:nth-child(4) {
                margin: 0 auto 0;
            }

    .ch3, .ch4 {
        padding: 30px 0;
    }

        .ch3 .tt {
            margin-bottom: 20px;
        }

        .ch3 .ct {
            font-size: 20px;
            line-height: 24px;
            padding: 0 5%;
        }

        .ch4 .box {
            padding-top: 30px;
        }

            .ch4 .box .clt {
                width: 100%;
                float: none;
            }

            .ch4 .box .crt {
                width: 100%;
                float: none;
            }

                .ch4 .box .crt div, .ch4 .box .crt div:nth-child(3) {
                    margin: 10px 0 0;
                    line-height: 24px;
                    font-size: 16px;
                }

    .ch5 {
        padding: 0 0 30px 0;
    }

        .ch5 .ct {
            padding: 30px 5%;
        }

        .ch5 .box {
            padding: 0;
        }

            .ch5 .box .btt {
                padding: 0 0 0 20px;
            }

            .ch5 .box ul {
                padding-top: 20px;
            }

                .ch5 .box ul li {
                    width: 100%;
                    float: none;
                    margin-bottom: 20px;
                }

                    .ch5 .box ul li span {
                        width: 25%;
                        text-align: center;
                        line-height: 50px;
                    }

                    .ch5 .box ul li select {
                        width: 70%;
                        float: right;
                        margin-bottom: 5px;
                        height: 50px;
                        margin-right: 5%;
                    }

                    .ch5 .box ul li #city {
                        width: 70%;
                    }

                    .ch5 .box ul li:nth-child(2n) {
                        float: none;
                        margin: 0;
                    }

                    .ch5 .box ul li input {
                        width: 70%;
                        height: 50px;
                        margin-bottom: 20px;
                        margin-right: 5%;
                    }

            .ch5 .box .btn {
                width: 80%;
                padding: 0 0 20px 0;
            }

                .ch5 .box .btn a {
                    width: 100px;
                }

    .ca_1 {
        width: 100%;
        left: 0;
        margin: 0;
    }

        .ca_1 .pimg, .ca_1 .box .ct {
            display: none;
        }

        .ca_1 .mimg {
            display: block;
        }

        .ca_1 .box {
            width: 90%;
            left: 0;
            margin: 0;
        }

            .ca_1 .box .en {
                text-align: center;
                font-size: 20px;
                line-height: 20px;
                padding: 0;
                margin-top: 10%;
            }

            .ca_1 .box .tt {
                text-align: center;
                padding: 5px 0;
            }

            .ca_1 .box .ipt {
                padding: 0;
            }

                .ca_1 .box .ipt .iplt {
                    width: 100%;
                    height: 30px;
                    float: none;
                    margin: 10px 0;
                }

                .ca_1 .box .ipt a.iprt {
                    width: 100px;
                    height: 30px;
                    line-height: 30px;
                    float: none;
                    margin: 10px auto 0;
                    font-size: 16px;
                }

            .ca_1 .box .xian {
                margin: 10px auto;
            }

    .ca_o1 .cart {
        width: 100%;
        float: none;
        border: none;
        padding: 30px 0;
    }

        .ca_o1 .cart ul li {
            width: 100%;
            float: none;
            margin-bottom: 20px;
        }

    .cc1 {
        padding: 30px 0;
    }

        .cc1 .cbox {
            width: 90%;
            padding: 0 5%;
        }

            .cc1 .cbox .tt {
                font-size: 18px;
            }

            .cc1 .cbox .day {
                padding: 20px 0 0;
            }

            .cc1 .cbox .cbus {
                margin: 30px 0;
            }

                .cc1 .cbox .cbus img {
                    float: none;
                    margin: 0 auto;
                }

                .cc1 .cbox .cbus .crt {
                    width: 100%;
                    float: none;
                    padding: 20px 0 0;
                }

                    .cc1 .cbox .cbus .crt .lt1, .cc1 .cbox .cbus .crt .rt1 {
                        width: 100%;
                        float: none;
                    }

            .cc1 .cbox .ct {
                line-height: 24px;
            }

            .cc1 .cbox .tt2 {
                margin: 30px 0;
                font-size: 22px;
            }

    .cc2 {
        padding: 30px 0;
    }

        .cc2 .cbox {
            width: 90%;
            padding: 0 5%;
        }

            .cc2 .cbox dl {
                margin-top: 30px;
            }

                .cc2 .cbox dl dd {
                    width: 100%;
                    margin: 0 0 20px 0;
                }

    .ca1 {
        width: 90%;
        margin: 30px auto;
    }

        .ca1 .tt {
            text-align: center;
        }

            .ca1 .tt a {
                margin: 0 10px;
                width: 100px;
            }

        .ca1 .dl1 {
            padding: 30px 0;
        }

            .ca1 .dl1 dd .drt {
                width: 100%;
                float: none;
            }

            .ca1 .dl1 dd .drt {
                text-align: center;
                display: none;
            }

            .ca1 .dl1 dd .dlt {
                width: 100%;
            }

            .ca1 .dl1 dd {
                width: 50%;
            }

    .cb1 .cblt {
        width: 100%;
        float: none;
    }

        .cb1 .cblt dl {
            height: 300px;
        }

            .cb1 .cblt dl dd .drt div, .cb1 .cblt dl dd .drt div span {
                margin-top: 5px;
            }

            .cb1 .cblt dl dd {
                margin-bottom: 20px;
            }

                .cb1 .cblt dl dd .drt {
                    padding-top: 10px;
                }

        .cb1 .cblt .dt {
        }

    .cb1 .cbrt {
        width: 100%;
        float: none;
        height: 300px;
    }

    .cb1 .cblt .bt1 select {
        height: 40px;
        font-size: 16px;
    }

    .bu1 {
        height: auto;
        width: 100%;
        left: 0;
        margin: 0;
        background: none;
        padding: 30px 0;
    }

        .bu1 .tt {
            font-size: 18px;
            margin-bottom: 20px;
        }

        .bu1 dl dd, .bu1 dl dd:nth-child(5) {
            float: none;
            margin: 0 auto;
            position: static;
            margin-bottom: 20px;
        }

            .bu1 dl dd .dct {
                opacity: 1;
            }

    .bus_1 .mimg {
        display: block;
    }

    .bus_1 .pimg {
        display: none;
    }

    .bus_1 {
        width: 100%;
        left: 0;
        margin: 0;
    }

        .bus_1 .box {
            left: 0;
            margin: 0;
            text-align: center;
        }

    .bus_2 {
        padding: 30px 0;
    }

        .bus_2 dd {
            width: 100%;
            margin-right: 0;
        }

    .b_c1 {
        padding: 30px 0;
    }

        .b_c1 .blt {
            width: 100%;
            float: none;
        }

            .b_c1 .blt .img1, .b_c1 .brt {
                width: 100%;
                float: none;
            }

            .b_c1 .blt .img2 a {
                width: 30%;
                height: auto;
            }

        .b_c1 .brt {
            padding-top: 30px;
        }

            .b_c1 .brt .dtb .dsp1, .b_c1 .brt .dtb .dsp2 {
                width: 25%;
                height: 14px;
                overflow: hidden;
            }

            .b_c1 .brt .dbtn {
                padding: 20px 0;
            }

                .b_c1 .brt .dbtn a {
                    width: 100px;
                }

            .b_c1 .brt .dbtn2 a {
                width: 100%;
                float: none;
            }

            .b_c1 .brt .dbtn2 .brt {
                width: 100%;
                float: none;
                padding: 0;
                text-align: center;
            }

            .b_c1 .brt .dbtn3, .b_c2 .b_box .dtt .drt {
                display: none;
            }

    .b_c2 {
        padding-bottom: 30px;
    }

        .b_c2 .b_box {
            width: 90%;
        }

            .b_c2 .b_box .dtt span {
                width: 33.33%;
                margin: 0;
                display: block;
                float: left;
                box-sizing: border-box;
                border-right: 1px solid #fff;
            }

                .b_c2 .b_box .dtt span:hover, .b_c2 .b_box .dtt span.act {
                    border-radius: 0;
                }

            .b_c2 .b_box dl dd {
                padding: 30px 5%;
            }

    .ap1 .mimg {
        display: block;
    }

    .ap1 .pimg, .ap1 .box .a_m {
        display: none;
    }

    .ap1 {
        width: 100%;
        left: 0;
        margin: 0;
    }

        .ap1 .box {
            width: 90%;
            position: static;
            left: 0;
            margin: 0;
            padding: 0 5% 30px;
            text-align: center;
        }

            .ap1 .box .tt, .ap1 .box .ct {
                color: #333;
                padding: 10px 0 0;
            }

            .ap1 .box .ct {
                font-size: 18px;
                line-height: 30px;
                height: 30px;
            }

            .ap1 .box .en {
                font-size: 20px;
                line-height: 20px;
                color: #333;
            }

            .ap1 .box .xian {
                background: #333;
                margin: 20px auto;
            }

            .ap1 .box .alt, .ap1 .box .art, .ap1 .box .art .txt {
                float: none;
                margin: 0 auto;
            }

                .ap1 .box .art .img {
                    margin: 20px auto 0;
                }

    .ap2 {
        padding: 30px 0;
    }

        .ap2 .tt {
            font-size: 18px;
        }

        .ap2 .dlimg {
            display: none;
        }

        .ap2 dl {
            display: none;
        }

    .apdl_m {
        display: block;
        padding: 30px 0;
    }

        .apdl_m .swiper-slide {
            background: none;
        }

        .apdl_m .img {
            width: 145px;
            height: 145px;
            padding: 10px;
            background: #eed6b5;
            border-radius: 50%;
            margin: 0 auto;
        }

            .apdl_m .img img {
                display: block;
                width: 100%;
                border-radius: 50%;
            }

        .apdl_m .dtt {
            font-size: 16px;
            padding: 20px 0 10px;
            line-height: 16px;
        }

        .apdl_m .dct {
            width: 70%;
            margin: 0 auto;
        }

        .apdl_m .swiper-pagination_apdl {
            bottom: 0;
        }

            .apdl_m .swiper-pagination_apdl .swiper-pagination-bullet-active {
                background: #2e3192;
            }

    .ap3 {
        padding-top: 30px;
    }

        .ap3 .apd1 .dlt, .ap3 .apd1 .drt {
            width: 100%;
            float: none;
            position: static;
            opacity: 1;
        }

            .ap3 .apd1 .drt .swiper-pagination_ap1 {
                left: 0;
                bottom: 0;
                text-align: center;
                width: 100%;
            }

            .ap3 .apd1 .drt img {
                width: 80%;
                margin: 0 auto;
                display: block;
                float: none;
            }

            .ap3 .apd1 .drt .txt {
                position: static;
                text-align: center;
                width: 100%;
                padding: 20px 0 30px;
                display: block;
            }

            .ap3 .apd1 .dlt .tt {
                padding: 30px 0 0;
            }

            .ap3 .apd1 .dlt .ct {
                width: 100%;
                padding: 10px 0 30px;
                text-align: center;
            }

        .ap3 .apd2 .dlt, .ap3 .apd2 .drt {
            width: 100%;
            float: none;
            opacity: 1;
            position: static;
        }

            .ap3 .apd2 .drt .tt {
                text-align: center;
                padding: 30px 0;
            }

        .ap3 .apd3 .txt, .ap3 .apd3 .img {
            position: static;
            width: 100%;
            float: none;
        }

        .ap3 .apd3 .tt {
            padding: 30px 0;
        }

        .ap3 .apd3 .img img {
            width: 100%;
            height: auto;
        }

        .ap3 .apd3 .ct {
            padding: 0;
            text-align: center;
        }

        .ap3 .apd3 .box {
            padding-bottom: 30px;
        }

        .ap3 .apd4 .dlt, .ap3 .apd4 .drt {
            position: static;
            width: 100%;
            float: none;
            opacity: 1;
            height: auto;
        }

        .ap3 .apd4 .dlt {
            height: 350px;
        }

            .ap3 .apd4 .dlt .img1, .ap3 .apd4 .dlt .img2 {
                top: 0;
                left: 0;
            }

        .ap3 .apd4 .tt, .ap3 .apd6 {
            padding: 30px 0;
        }

        .ap3 .apd4 .ct {
            width: 100%;
            text-align: center;
            padding: 0;
        }

        .ap3 .apd5 {
            padding: 0;
            height: auto;
        }

        .ap3 .apd4 {
            height: auto;
            padding: 0 0 30px 0;
        }

        .ap3 .apd5 .ct {
            font-size: 14px;
            height: auto;
            padding: 10px 0;
        }

        .ap3 .apd5 img {
            display: block;
            width: 100%;
        }

    .ad1 {
        padding: 30px 0;
    }

        .ad1 dl {
            padding: 30px 0 0;
        }

            .ad1 dl dd {
                width: 100%;
                float: none;
                margin-right: 0;
                padding: 0 0 20px 0;
            }

                .ad1 dl dd .dlt, .ad1 dl dd .drt {
                    float: none;
                    margin: 0 auto;
                    width: 100%;
                }

                .ad1 dl dd .drt {
                    width: 90%;
                }

    .c_b2 .mimg {
        display: block;
    }

    .c_b2 .pimg, .c_b2 .cbox .ct {
        display: none;
    }

    .c_b2 {
        width: 100%;
        left: 0;
        margin: 0;
    }

        .c_b2 .cbox {
            width: 90%;
            left: 5%;
            top: 0;
            margin: 0;
            text-align: center;
        }

            .c_b2 .cbox .tt {
                padding: 0;
                margin: 30% 0 0;
            }

            .c_b2 .cbox .en {
                padding: 10px 0;
                font-size: 20px;
                line-height: 20px;
            }

            .c_b2 .cbox .xian {
                margin: 0 auto;
            }

    .abse1 {
        padding: 30px 0;
    }

        .abse1 .box dl {
            display: none;
        }

        .abse1 .box .bimg {
            width: 100%;
            margin: 0;
        }

        .abse1 .abse1_m {
            padding: 30px 0 50px;
            display: block;
        }

            .abse1 .abse1_m .swiper-slide {
                background: none;
            }

            .abse1 .abse1_m .txt {
                line-height: 20px;
                padding-top: 10px;
            }

            .abse1 .abse1_m .swiper-pagination-bullet-active {
                background: #2e3192;
            }

        .abse1 .box .ct {
            width: 100%;
            padding: 0;
        }

    .abse2 {
        padding: 30px 0;
    }

        .abse2 .box {
            width: 90%;
        }

            .abse2 .box img {
                margin-top: 20px;
            }

    .a_nav {
        height: auto;
        line-height: 50px;
        border: none;
    }

        .a_nav a {
            font-size: 16px;
            box-sizing: border-box;
            margin: 0;
            line-height: 50px;
            width: 50%;
            float: left;
            height: 50px;
            border-right: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
        }

            .a_nav a:nth-child(2n) {
                border-right: 0;
            }

            .a_nav a.act {
                border-bottom: 1px solid #ddd;
                background: #2e3192;
                color: #fff;
            }

    .abs1 {
        padding: 30px 0;
    }

        .abs1 dl {
            padding-top: 30px;
        }

            .abs1 dl dd {
                margin-bottom: 20px;
                padding-bottom: 20px;
            }

                .abs1 dl dd .dlt {
                    width: 100%;
                    float: none;
                }

                .abs1 dl dd .drt {
                    width: 90%;
                    float: none;
                    margin: 0;
                    padding: 0 5%;
                }

                    .abs1 dl dd .drt .day {
                        padding-top: 20px;
                    }

                    .abs1 dl dd .drt .dtt {
                        padding: 10px 0;
                    }

                    .abs1 dl dd .drt .move {
                        margin: 20px auto 0;
                    }

                .abs1 dl dd:hover .drt, .abs1 dl dd:nth-child(2n):hover .drt {
                    margin: 0 auto;
                }

                .abs1 dl dd:nth-child(2n) .dlt {
                    float: none;
                }

    .abo1 {
        width: 100%;
        left: 0;
        margin: 0;
        padding: 30px 0;
    }

        .abo1 .tt {
            margin-bottom: 20px;
        }

        .abo1 .alt {
            width: 100%;
            float: none;
            padding: 0;
        }

            .abo1 .alt .act {
                padding: 10px 0;
            }

        .abo1 .art {
            width: 100%;
            float: none;
            height: auto;
            margin-bottom: 30px;
        }

            .abo1 .art img {
                width: 100%;
            }

        .abo1 .atxt, .abo2 .ctbox {
            display: none;
        }

    .abo2 {
        width: 100%;
        left: 0;
        margin: 0;
        padding: 30px 0;
    }

        .abo2 .ao_1 a {
            font-size: 14px;
        }

        .abo2 .ctbox2 {
            display: block;
            width: 90%;
            padding: 30px 5% 0;
        }

            .abo2 .ctbox2 .ao_22 {
                padding: 0px 0 50px;
            }

                .abo2 .ctbox2 .ao_22 img {
                    display: block;
                    width: 100%;
                }

            .abo2 .ctbox2 dl dd {
                display: none;
            }

                .abo2 .ctbox2 dl dd:nth-child(1) {
                    display: block;
                }

                .abo2 .ctbox2 dl dd .dbox {
                    margin-bottom: 10px;
                }

                .abo2 .ctbox2 dl dd .year {
                    text-align: left;
                    font-size: 16px;
                    font-weight: bold;
                }

                .abo2 .ctbox2 dl dd a {
                    display: block;
                    width: 90%;
                    margin-left: 10%;
                    text-align: justify;
                }

            .abo2 .ctbox2 .ao_22 .swiper-pagination-bullet-active {
                background: #2e3192;
            }

    .abo3 {
        padding: 0 0 30px 0;
    }

        .abo3 .btn {
            width: 80%;
            margin: 0 auto;
        }

            .abo3 .btn span {
                width: 110px;
                height: 30px;
                line-height: 30px;
                font-size: 18px;
            }

        .abo3 dl {
            width: 90%;
            padding: 0 5%;
        }

            .abo3 dl dd {
                width: 48%;
                margin: 0 4% 20px 0;
            }

                .abo3 dl dd:nth-child(2n) {
                    margin-right: 0;
                }

                .abo3 dl dd .dbox .txt {
                    height: 25%;
                }

    .abo2 .ct {
        padding: 20px 0;
        font-size: 16px;
        text-align: justify;
    }

    .abh1 {
        padding: 30px 0;
    }

        .abh1 .tt span {
            font-size: 18px;
        }

        .abh1 .en {
            width: 90%;
            padding: 0 5%;
        }

        .abh1 .btn {
            width: 70%;
            padding: 30px 15% 0;
        }

            .abh1 .btn span {
                width: 100px;
                font-size: 18px;
            }

        .abh1 .sbox .ah_1 .swiper-scrollbar_ah1, .abh1 .sbox .ah_2 .swiper-scrollbar_ah2 {
            width: 90%;
            left: 5%;
            margin: 0;
        }

    .ab1 {
        padding: 30px 0;
    }

        .ab1 .box {
            padding-top: 30px;
        }

        .ab1 .alt {
            width: 100%;
            float: none;
        }

            .ab1 .alt .lbot {
                padding: 20px 0;
            }

        .ab1 .itxt {
            font-size: 16px;
        }

    .ab2 {
        padding-top: 0px;
        height: auto;
        overflow: hidden;
    }

        .ab2 .box .hua {
            width: 140px;
            height: 140px;
            top: -50px;
            right: -50px;
            background-size: cover;
        }

        .ab2 .as_1 {
            margin: 30px 0 0;
            padding: 30px 0;
        }

            .ab2 .as_1 a {
                width: 100%;
            }

                .ab2 .as_1 a .ad_1 span, .ab2 .as_1 a .ad_1 {
                    display: block;
                    margin: 0 0 10px 0;
                }

                    .ab2 .as_1 a .ad_1 div {
                        padding: 0 5% 0;
                        line-height: 20px;
                    }

                .ab2 .as_1 a .adbox .adlt, .ab2 .as_1 a .adbox .adrt {
                    width: 100%;
                    float: none;
                }

                .ab2 .as_1 a .adbox .adlt {
                    margin-bottom: 20px;
                }

                    .ab2 .as_1 a .adbox .adlt div, .ab2 .as_1 a .adbox .adrt div {
                        padding: 0 5%;
                    }

                    .ab2 .as_1 a .adbox .adlt .ad2, .ab2 .as_1 a .adbox .adrt .ad2 {
                        padding: 0;
                    }

        .ab2 .ab_ot {
            padding: 20px 0;
            text-align: left;
        }

            .ab2 .ab_ot span {
                display: block;
                margin-top: 10px;
            }

    .ab3 .alx {
        width: 100%;
        overflow: hidden;
    }

        .ab3 .alx img {
            display: none;
        }

    .ab3 {
        height: auto;
    }

        .ab3 .alx .abox .tt {
            padding-top: 30px;
        }

        .ab3 .alx .abox .ct {
            padding: 20px 0;
            color: #333;
        }

    /* 底部 */

    .m_head {
        width: 100%;
        height: 60px;
        display: block;
        position: relative;
        overflow: hidden;
        background: #f4f3f1;
    }

        .m_head .mh_lt {
            width: 30px;
            position: absolute;
            left: 5%;
            top: 0;
            height: 60px;
        }

            .m_head .mh_lt s {
                display: block;
                width: 30px;
                height: 2px;
                background: #333;
            }

            .m_head .mh_lt s {
                margin-top: 8px;
            }

                .m_head .mh_lt s:nth-child(1) {
                    margin-top: 18px;
                }

        .m_head .mh_rt {
            display: block;
            height: 20px;
            position: absolute;
            top: 20px;
            right: 5%;
            font-size: 18px;
            line-height: 20px;
            border-left: 1px solid #ddd;
            color: #666;
            padding-left: 30px;
            background: url(../images/m_j.png) 10px center no-repeat;
            text-align: center;
        }

        .m_head .mlogo {
            height: 60px;
            width: auto;
        }

            .m_head .mlogo img {
                display: block;
                height: 100%;
                margin: 0 auto;
            }

    .mnav {
        display:;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 999;
        height: calc(100vh - 0px);
        background: #dadada;
        overflow: auto;
    }

        .mnav::-webkit-scrollbar {
            width: 1px;
            height: 1px;
        }

        .mnav::-webkit-scrollbar-thumb {
            background: #ccc;
            border-radius: 10px;
        }

        .mnav::-webkit-scrollbar-track {
            background: #fff;
        }

        .mnav dl {
        }

            .mnav dl dt {
                width: 90%;
                height: 60px;
                background: #f4f3f1;
                padding: 0 5%;
            }

                .mnav dl dt img {
                    display: block;
                    height: 100%;
                }

            .mnav dl dd {
            }

                .mnav dl dd .ot {
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                    border-bottom: 1px solid #fff;
                    padding: 0 5%;
                    height: 50px;
                    background: #dadada url(../images/m_b.png)95% center no-repeat;
                    line-height: 50px;
                    font-size: 20px;
                }

                    .mnav dl dd .ot.act {
                        -webkit-transition: all .3s;
                        -moz-transition: all .3s;
                        transition: all .3s;
                        background: #2e3192 url(../images/m_t.png)95% center no-repeat;
                        color: #fff;
                    }

                .mnav dl dd ul {
                    background: #444;
                    display: none;
                }

                    .mnav dl dd ul li .lot {
                        -webkit-transition: all .3s;
                        -moz-transition: all .3s;
                        transition: all .3s;
                        height: 40px;
                        padding: 0 5%;
                        line-height: 40px;
                        font-size: 18px;
                        color: #fff;
                        background: url(../images/m_j1.png) 95% center no-repeat;
                    }

                        .mnav dl dd ul li .lot a {
                            font-size: 16px;
                            color: #fff;
                            display: block;
                            background: #444;
                        }

                        .mnav dl dd ul li .lot.act {
                            -webkit-transition: all .3s;
                            -moz-transition: all .3s;
                            transition: all .3s;
                            background: url(../images/m_j2.png) 95% center no-repeat;
                        }

                    .mnav dl dd ul li .lor {
                        line-height: 50px;
                        padding: 10px 5%;
                        background: #515151;
                        display: none;
                    }

                        .mnav dl dd ul li .lor a {
                            font-size: 14px;
                            color: #fff;
                            display: inline-block;
                            margin-right: 10px;
                        }

                .mnav dl dd:nth-child(2) .or {
                    display: block;
                }

                .mnav dl dd ul li:nth-child(1) .lor {
                    display: block;
                }

    html.act {
        height: calc(100vh - 0px);
        overflow: hidden;
    }

    .i1 {
        display: none;
    }

    .im1 {
        width: 100%;
        display: block;
        overflow: hidden;
    }

        .im1 img {
            display: block;
            width: 100%;
        }

        .im1 .swiper-pagination_im1 span {
            width: 20px;
            height: 3px;
            background: #666;
            border-radius: 0;
            opacity: 1;
        }

        .im1 .swiper-pagination_im1 .swiper-pagination-bullet-active {
            background: #fff;
        }

    .i2 {
        width: 100%;
        left: 0;
        margin: 0;
        height: auto;
        background-size: cover;
        overflow: hidden;
    }

        .i2 .tt {
            font-size: 30px;
            line-height: 30px;
            padding-top: 30px;
        }


        .i2 .sj {
            display: none;
        }

    .i2ct {
        width: 100%;
        margin: 30px 0;
        color: #666;
    }

    .i2 .im2 {
        display: block;
        min-height: 100px;
        padding-top: 20px;
    }

        .i2 .im2 .swiper-slide {
            background: none;
        }

        .i2 .im2 .swiper-scrollbar_im2 {
            width: 50%;
            left: 25%;
            opacity: 1;
        }

        .i2 .im2 .num {
            font-size: 30px;
            font-weight: bold;
            color: #2e3192;
            margin: 10px 0;
        }

        .i2 .im2 .txt {
            font-size: 16px;
            color: #666;
        }

    .i3 {
        left: 0;
        margin: 0;
        width: 100%;
        height: auto;
        overflow: hidden;
    }


        .i3 .tt {
            font-size: 30px;
            line-height: 30px;
            padding-top: 30px;
        }

        .i3 .ct {
            text-align: justify;
            padding-top: 20px;
        }


    .i4 .tt {
        font-size: 30px;
        line-height: 30px;
        padding-top: 30px;
    }

    .i4 dl {
        padding-top: 20px;
        height: auto;
    }

        .i4 dl dd {
            width: 100%;
            float: none;
            margin-right: 0;
            height: auto;
            margin-bottom: 20px;
        }

            .i4 dl dd .top {
                margin-top: 80px;
            }

            .i4 dl dd .bt {
                position: static;
                height: auto;
                padding: 20px 0;
            }

            .i4 dl dd.act .top {
                margin: 25px 0;
            }

            .i4 dl dd:nth-child(2) {
                background-size: cover;
            }

            .i4 dl dd .bt div {
                width: 95%;
                margin: 0 0 0 5%;
            }


    .i4 {
        padding-bottom: 30px;
        overflow: hidden;
    }

    .i5 {
        width: 100%;
        left: 0;
        margin: 0;
        height: auto;
        padding-bottom: 30px;
        overflow: hidden;
    }

        .i5 .i5rt, .i5box {
            display: none;
        }

    .i5box2 {
        display: block;
    }

    .i5 .tt, .i6 .tt {
        padding-top: 30px;
        font-size: 30px;
        line-height: 30px;
    }

    .i5box2 .i5box2_tt {
        width: 90%;
        height: 50px;
        line-height: 50px;
        background: #2e3192;
        color: #fff;
        font-size: 18px;
        margin: 20px auto;
    }

    .i5box2 dl {
        text-align: left;
    }

        .i5box2 dl dd {
        }

            .i5box2 dl dd .dtt {
                border-bottom: 1px solid #fff;
                width: 90%;
                margin: 0 auto;
                height: 60px;
            }

                .i5box2 dl dd .dtt .dlt {
                    width: 40px;
                    height: 40px;
                    max-width: 15%;
                    float: left;
                    margin: 10px 0;
                    background: #686868;
                    color: #fff;
                    text-align: center;
                    line-height: 40px;
                    font-size: 16px;
                }

                .i5box2 dl dd .dtt .drt {
                    width: 80%;
                    float: left;
                    margin-left: 5%;
                    line-height: 20px;
                }

                    .i5box2 dl dd .dtt .drt .det_t1 {
                        font-weight: bold;
                        margin-top: 10px;
                    }

                    .i5box2 dl dd .dtt .drt .det_t2 {
                        font-size: 12px;
                        height: 20px;
                        overflow: hidden;
                    }

            .i5box2 dl dd .dct {
                background: #e3e3e3;
                width: 90%;
                margin: 0 auto;
                padding: 20px 0;
                display: none;
            }

                .i5box2 dl dd .dct a {
                    display: block;
                    padding: 0 10%;
                    line-height: 40px;
                }

                    .i5box2 dl dd .dct a.act {
                        background: #2e3192;
                        color: #fff;
                    }

    .i6swp {
        display: none;
    }

    .i6swp2 {
        display: block;
        padding-bottom: 20px;
    }

        .i6swp2 dl {
            width: 98%;
            margin: 0 auto;
            padding: 5px 0;
        }

            .i6swp2 dl dd {
                width: 50%;
                float: left;
                text-align: center;
                position: relative;
            }

                .i6swp2 dl dd img {
                    display: block;
                    width: 100%;
                }

                .i6swp2 dl dd a {
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                    opacity: 0;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    line-height: 100px;
                    background: url(../images/i30_1.png)center;
                    box-shadow: -5px 0 5px #ddd, 5px 0 5px #ddd, 0 -5px 5px #ddd, 0 5px 5px #ddd;
                    -webkit-box-shadow: -5px 0 5px #ddd, 5px 0 5px #ddd, 0 -5px 5px #ddd, 0 5px 5px #ddd;
                    -moz-box-shadow: -5px 0 5px #ddd, 5px 0 5px #ddd, 0 -5px 5px #ddd, 0 5px 5px #ddd;
                }

                    .i6swp2 dl dd a:hover {
                        -webkit-transition: all .3s;
                        -moz-transition: all .3s;
                        transition: all .3s;
                        opacity: 1;
                    }

    .i6 .move {
        position: static;
        margin: 20px auto 30px;
    }

    .i6swp2 .swiper-pagination-bullet-active {
        background: #2e3192;
    }

    .i6 {
        overflow: hidden;
    }

    .i7 .tt {
        font-size: 30px;
        line-height: 30px;
        padding-top: 30px;
    }

    .i7 .i7n {
        height: 50px;
        line-height: 50px;
    }

        .i7 .i7n a {
            width: 20%;
            float: left;
            font-size: 12px;
        }

            .i7 .i7n a span {
                display: none;
            }

    .i7 .dtbox {
        height: auto;
    }

        .i7 .dtbox dd .ddlt, .i7 .dtbox dd .ddrt {
            width: 100%;
            float: none;
        }

        .i7 .dtbox dd {
            position: static;
        }

            .i7 .dtbox dd .ddtt {
                font-size: 16px;
                height: 30px;
                line-height: 30px;
                overflow: hidden;
            }

            .i7 .dtbox dd .ddrt {
                padding-top: 20px;
            }

                .i7 .dtbox dd .ddrt li {
                    padding: 0 5%;
                }

                    .i7 .dtbox dd .ddrt li .lilt {
                        width: 70%;
                    }

                    .i7 .dtbox dd .ddrt li .litt {
                        width: 100%;
                        height: 30px;
                        line-height: 30px;
                        font-size: 14px;
                    }

                    .i7 .dtbox dd .ddrt li .lict {
                        display: none;
                    }

                    .i7 .dtbox dd .ddrt li.act .lirt {
                        width: 25%;
                        line-height: 30px;
                        font-size: 12px;
                    }

                    .i7 .dtbox dd .ddrt li .lirt {
                        font-size: 12px;
                    }

    .i7 {
        padding-bottom: 30px;
        overflow: hidden;
    }

    .i8 {
        display: none;
    }

    .i8m {
        width: 100%;
        font-family: siyuan;
        display: block;
        overflow: hidden;
    }

        .i8m img {
            display: block;
            width: 100%;
        }

    .i8m_tp {
        position: relative;
        margin-bottom: 20px;
    }

    .i8m .tpbox {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center;
    }

        .i8m .tpbox .tt {
            font-size: 30px;
            line-height: 30px;
            padding-top: 30px;
            color: #fff;
        }

        .i8m .tpbox .en {
            color: #fff;
            font-size: 16px;
            line-height: 16px;
            margin-top: 20px;
        }

        .i8m .tpbox .ct {
            width: 70%;
            padding: 10px 15% 0;
        }

            .i8m .tpbox .ct a {
                display: inline-block;
                width: 33.33%;
                float: left;
                text-align: center;
                color: #fff;
                line-height: 30px;
            }

                .i8m .tpbox .ct a:nth-child(4), .i8m .tpbox .ct a:nth-child(5) {
                    width: 50%;
                }

    .i8m .num {
        font-size: 12px;
        font-weight: bold;
        color: #ddd;
        padding-top: 10px;
    }

        .i8m .num span {
            color: #fff;
            font-size: 16px;
        }

    .i8m_bt {
        position: relative;
        margin-bottom: 20px;
    }

    .i8m .btbox {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center;
    }

        .i8m .btbox .tt {
            font-size: 30px;
            line-height: 30px;
            padding-top: 20px;
            color: #fff;
        }

        .i8m .btbox .en {
            color: #fff;
            font-size: 16px;
            line-height: 16px;
            margin-top: 10px;
        }

    .i8m .i8m_bt video {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    }

    .i9 .tt {
        font-size: 30px;
        line-height: 30px;
        padding-top: 10px;
    }

    .i9 dl {
        position: static;
        top: 0;
        opacity: 1;
    }

    .i9 .en {
        padding-bottom: 20px;
    }

    .i9 dl dd {
        width: 48%;
        margin: 0 4% 30px 0;
    }

        .i9 dl dd:nth-child(2n) {
            margin-right: 0;
        }

        .i9 dl dd .img {
            height: auto;
        }

        .i9 dl dd .dtt {
            padding: 0;
            width: 100%;
            text-align: center;
            font-size: 16px;
            height: 40px;
            line-height: 40px;
        }

        .i9 dl dd .xq {
            margin: 0 auto;
        }

    .mfooter {
        padding: 10px 0;
        border-top: 1px solid #2e3192;
        background: #191919;
        display: block;
    }

        .mfooter .dlt {
            width: 80%;
            color: #ddd;
            float: left;
            font-size: 12px;
        }

        .mfooter .drt {
            width: 20%;
            float: right;
            font-size: 12px;
            color: #ddd;
        }

            .mfooter .drt a {
                color: #ddd;
                font-size: 12px;
            }

    .i3 .pcm {
        display: none;
    }

    .i3 .mcm {
        display: block;
    }

    .i3 .i3m_bg {
        width: 100%;
        ,margin-top: -300px;
    }

    .nao {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    }

        .nao img {
            display: block;
            width: 50%;
            margin: 0 auto;
        }

    .i3 .d1, .i3 .d1.act, .i3 .d2, .i3 .d2.act, .i3 .d3.act, .i3 .d4, .i3 .d3, .i3 .d4.act, .i3 .d4 .dtt, .i3 .d4 .dct.act, .i3 .imgx4, .i3 .imgx4.act, .i3 .d5 {
        top: 0;
        left: 0;
    }

        .i3 .d1 .dct, .i3 .imgx1, .i3 .imgx1sp, .i3 .d2 .dct, .i3 .imgx2,
        .i3 .imgx2sp, .i3 .imgx3, .i3 .imgx3sp, .i3 .imgx3.act,
        .i3 .d3 .dct.act, .i3 .d4 .dct, .i3 .d4 .dct.act, .i3 .imgx4sp, .i3 .imgx4, .i3 .d5 .dct {
            display: none;
        }


    .i3 .d1, .i3 .d2, .i3 .d3, .i3 .d4 {
        width: 100px;
        position: relative;
    }

        .i3 .d1 .dtt, .i3 .d2 .dtt, .i3 .d3 .dtt, .i3 .d4 .dtt, .i3 .d5 .dtt {
            line-height: 30px;
            font-size: 16px;
            height: 30px;
        }

            .i3 .d1 .dtt span, .i3 .d2 .dtt span, .i3 .d3 .dtt span, .i3 .d4 .dtt span, .i3 .d5 .dtt span {
                width: 30px;
                height: 30px;
            }

                .i3 .d1 .dtt span img, .i3 .d2 .dtt span img, .i3 .d3 .dtt span img, .i3 .d4 .dtt span img, .i3 .d5 .dtt span img {
                    display: block;
                    width: 100%;
                }

    .i3 .d1 {
        top: -160px;
        left: 8%;
    }

    .i3 .d2 {
        top: -105px;
        left: 3%;
    }

    .i3 .d3, .i3 .d3.act {
        top: -200px;
        left: 60%;
    }

    .i3 .d4 {
        top: -160px;
        left: 63%;
    }

    .i3 .d5 {
        top: -170px;
        left: 11%;
    }




    .abc1 {
        width: 100%;
        margin: 0;
        left: 0;
        background: none;
        padding-top: 30px;
    }

        .abc1 .tt {
            margin-bottom: 20px;
        }

        .abc1 .dlt, .abc1 .drt {
            width: 100%;
            float: none;
        }

            .abc1 .dlt #map {
                width: 100%;
            }

        .abc1 .drt {
            padding-top: 30px;
        }

            .abc1 .drt img {
                width: 100%;
            }

            .abc1 .drt .ct div {
                margin-bottom: 10px;
                line-height: 20px;
            }

        .abc1 dl dd {
            width: 100%;
            float: none;
            margin-right: 0;
            margin-bottom: 20px;
        }

            .abc1 dl dd .txt {
                text-align: center;
            }

    .abc2 {
        padding-top: 30px;
    }

        .abc2 .tt {
            margin-bottom: 20px;
        }

        .abc2 .btn1 {
            padding-bottom: 20px;
        }

        .abc2 dl dd .dlt {
            width: 100%;
            float: none;
        }

            .abc2 dl dd .dlt img {
                display: block;
                width: 100%;
            }

            .abc2 dl dd .dlt .ltbox a .mlt {
                width: 20px;
                height: 20px;
            }

            .abc2 dl dd .dlt .ltbox a .mrt {
                line-height: 20px;
            }

            .abc2 dl dd .dlt .ltbox {
                height: 100%;
            }

        .abc2 dl dd .drt {
            width: 100%;
            float: none;
            padding: 20px 0;
        }

        .abc2 dl dd .dlt .ltbox a:nth-child(1) {
            top: 35%;
            right: 9%;
        }

        .abc2 dl dd .dlt .ltbox a:nth-child(2) {
            top: 45%;
            right: 6%;
        }

        .abc2 dl dd .dlt .ltbox a:nth-child(3) {
            top: 55%;
            right: 5%;
        }

        .abc2 dl dd .dlt .ltbox a:nth-child(4) {
            top: 65%;
            right: 5%;
        }

        .abc2 dl dd .dlt .ltbox a:nth-child(5) {
            top: 80%;
            right: 15%;
        }

        .abc2 dl dd .dlt .ltbox a:nth-child(6) {
            top: 70%;
            right: 5%;
        }

        .abc2 dl dd .dlt .ltbox a:nth-child(7) {
            top: 85%;
            right: 10%;
        }

        .abc2 dl dd:nth-child(2) .dlt .ltbox a:nth-child(1) {
            top: 54%;
            right: 45%;
        }

        .abc2 dl dd:nth-child(2) .dlt .ltbox a:nth-child(2) {
            top: 50%;
            right: 46%;
        }

        .abc2 dl dd:nth-child(2) .dlt .ltbox a:nth-child(3) {
            top: 57%;
            right: 35%;
        }

        .abc2 dl dd:nth-child(2) .dlt .ltbox a:nth-child(4) {
            top: 61%;
            right: 43%;
        }

        .abc2 dl dd:nth-child(2) .dlt .ltbox a:nth-child(5) {
            top: 65%;
            right: 25%;
        }

        .abc2 dl dd:nth-child(2) .dlt .ltbox a:nth-child(6) {
            top: 68%;
            right: 40%;
        }

        .abc2 dl dd:nth-child(2) .dlt .ltbox a:nth-child(1) .mrt {
            position: relative;
            left: -100%;
            top: 0;
        }

        .abc2 dl dd:nth-child(2) .dlt .ltbox a:nth-child(3) .mrt {
            position: static;
            left: -45px;
            top: -20px;
        }

        .abc2 dl dd:nth-child(2) .dlt .ltbox a:nth-child(2) .mrt {
            position: static;
            left: -5px;
            top: -10px;
        }

        .abc2 dl dd:nth-child(2) .dlt .ltbox a:nth-child(4) .mrt {
            position: relative;
            left: -100%;
            top: 0px;
        }

        .abc2 dl dd:nth-child(2) .dlt .ltbox a:nth-child(6) .mrt {
            position: relative;
            left: -100%;
            top: 0px;
        }


        .abc2 dl dd .drt .img {
            width: 100%;
            height: auto;
        }

        .abc2 dl dd .drt .dct {
            line-height: 20px;
            margin-bottom: 10px;
        }


    .di1, .di1 .dibox {
        width: 100%;
        left: 0;
        margin: 0;
    }

        .di1 .mimg {
            display: block;
        }

        .di1 .pimg, .di1 .dibox .ct {
            display: none;
        }

        .di1 .dibox .tt {
            font-size: 20px;
            line-height: 20px;
            padding: 0;
            margin-top: 10%;
        }

        .di1 .dibox .img {
            margin-top: 20px;
        }

            .di1 .dibox .img .t1, .di1 .dibox .img .t2 {
                font-size: 12px;
            }

    .di2 {
        padding: 30px 0;
    }

        .di2 .tt span {
            font-size: 16px;
        }

        .di2 .ct {
            width: 100%;
            padding: 20px 0;
            text-align: justify;
        }

        .di2 img {
            display: block;
            width: 100%;
        }

        .di2 .move_2 {
            width: 150px;
            height: 40px;
            line-height: 40px;
            font-size: 16px;
        }

        .di2 .move_3 {
            font-size: 16px;
            width: 140px;
        }

        .di2 .ct2 {
            font-size: 16px;
        }

    .di3 {
        padding: 30px 0;
    }

        .di3 .tt span {
            font-size: 20px;
            line-height: 20px;
        }

        .di3 .dbox {
            padding-top: 0px;
        }

            .di3 .dbox .dlt, .di3 .dbox .drt {
                width: 100%;
                float: none;
                padding: 0;
                border: 0;
                padding-top: 20px;
            }

    .di4 {
        padding: 30px 0;
    }

        .di4 .img {
            position: static;
            width: 100%;
        }

        .di4 .tt {
            width: 100%;
            margin: 0 auto;
        }

        .di4 .tt1, .di4 .tt1 span {
            font-size: 30px;
        }

        .di4 .ct {
            padding: 20px 10px;
        }

    .di5 {
        padding: 30px 0;
    }

        .di5 .tt span {
            font-size: 18px;
        }

        .di5 .ct {
            padding: 20px 0;
        }

        .di5 .ct2 .dtt {
            font-size: 16px;
            line-height: 16px;
        }

        .di5 .ct2 .dct {
            font-size: 14px;
            padding-top: 10px;
        }

    .di6 .box1 {
        padding: 30px 0;
        margin-top: 30px;
    }

    .di7 {
        padding: 30px;
    }

        .di7 .tt span {
            font-size: 20px;
        }

        .di7 .ct {
            font-size: 16px;
        }

        .di7 .ct2 {
            font-size: 20px;
            margin: 30px 0;
        }

        .di7 .btn {
            width: 100%;
        }

            .di7 .btn a {
                width: 100px;
                height: 40px;
                line-height: 40px;
                font-size: 16px;
            }

        .di7 .di_1 .a .img {
            float: none;
        }

        .di7 .di_1 {
            margin: 20px 0 0;
        }

            .di7 .di_1 .art {
                position: static;
                width: 98%;
                height: auto;
                margin: 5px auto;
                padding: 20px 2%;
            }

            .di7 .di_1 .a .img {
                width: 100%;
            }

            .di7 .di_1 .art .att {
                height: 40px;
                font-size: 16px;
                line-height: 20px;
            }

            .di7 .di_1 .art .amove {
                margin-top: 20px;
                padding-top: 10px;
            }

    .pl1 {
        padding: 30px 0 0;
    }

        .pl1 .plan1 {
            width: 100%;
            padding: 0 0 30px 0;
        }

            .pl1 .plan1 .prev_pl1, .pl1 .plan1 .next_pr1 {
                display: none;
            }

            .pl1 .plan1 .swiper-slide {
            }

                .pl1 .plan1 .swiper-slide a .img {
                    width: 113px;
                    margin: 0 auto;
                    height: 113px;
                }

            .pl1 .plan1 .swiper-pagination_plan1 {
                bottom: 0;
            }

                .pl1 .plan1 .swiper-pagination_plan1 .swiper-pagination-bullet-active {
                    background: #2e3192;
                }

        .pl1 dl dd .dlt, .pl1 dl dd .drt {
            width: 100%;
            float: none;
        }

        .pl1 dl dd .drt, .pl1 dl dd:nth-child(2n) .drt {
            padding: 30px 5%;
            width: 90%;
        }

        .pl1 dl dd .dlg {
            margin-top: 20px;
        }

        .pl1 dl dd .drt .dct {
            padding-top: 20px;
        }

        .pl1 dl dd .ddw {
            top: -20px;
        }

    .pe1 .pe1_rt {
        width: 100%;
        float: none;
        padding: 0;
        margin: 30px 0;
    }

        .pe1 .pe1_rt img {
            display: block;
            margin: 0 auto;
            max-width: 100%;
        }

        .pe1 .pe1_rt .dl1 dd .img {
            width: 100px;
            float: none;
            margin: 0 auto 10px;
        }

        .pe1 .pe1_rt .dl1 dd .drt {
            width: 100%;
            float: none;
            text-align: center;
        }

        .pe1 .pe1_rt .dl2 dd .alt, .pe1 .pe1_rt .dl2 dd .art {
            width: 100%;
            float: none;
            text-align: center;
            background: none;
            height: 20px;
            line-height: 20px;
        }

        .pe1 .pe1_rt .dl2 dd {
            border-bottom: 1px solid #ddd;
            padding-bottom: 10px;
        }

    .pp1 {
        width: 100%;
        left: 0;
        margin: 0;
    }

        .pp1 .mimg {
            display: block;
        }

        .pp1 .pimg {
            display: none;
        }

        .pp1 .pbox {
            width: 90%;
            left: 5%;
            margin: 0;
        }

            .pp1 .pbox .tt {
                font-size: 20px;
                line-height: 24px;
                padding-top: 0;
                margin-top: 10%;
            }

            .pp1 .pbox .tt2 {
                font-size: 18px;
                line-height: 18px;
                margin: 20px 0;
            }

            .pp1 .pbox .amove {
                width: 160px;
                height: 40px;
                line-height: 40px;
                font-size: 16px;
            }

    .pp2 {
        padding: 30px 0;
    }

        .pp2 .p_p1 {
            padding-bottom: 30px;
        }

            .pp2 .p_p1 .alt {
                width: 100%;
                float: none;
                padding: 0;
                text-align: center;
            }

                .pp2 .p_p1 .alt .att {
                    margin-top: 0;
                    font-size: 24px;
                    line-height: 24px;
                }

                .pp2 .p_p1 .alt .act {
                    padding-top: 10px;
                    font-size: 14px;
                }

            .pp2 .p_p1 .img {
                float: none;
                width: 100%;
            }

    .pp3 .ct {
        padding: 20px;
        line-height: 24px;
    }

    .pp3 .img img {
        width: 100%;
        float: none;
    }

    .pp3 .img .drt {
        width: 100%;
        margin: 20px 0;
        padding: 0;
    }

    .pp3 dl {
        padding-top: 20px;
    }

        .pp3 dl dd {
            width: 48%;
            text-align: center;
            margin-right: 4%;
        }

            .pp3 dl dd .dtp {
                width: 100%;
                margin: 10px auto;
                background: none;
            }

                .pp3 dl dd .dtp img {
                    margin: 0 auto;
                }

            .pp3 dl dd .dct {
                width: 100%;
                text-align: left;
                opacity: 1;
            }

            .pp3 dl dd .dtp img:nth-child(2) {
                left: 50%;
                margin-left: -51px;
            }

            .pp3 dl dd:nth-child(2n) {
                margin-right: 0;
            }

    .pp4 {
        padding-top: 30px;
    }

        .pp4 .bg, .pp5 .bg {
            top: 50px;
            height: 180px;
            ;
        }

        .pp4 .dlt, .pp5 .dlt {
            width: 100%;
            float: none;
            height: auto;
        }

            .pp4 .dlt img {
                display: block;
                width: 100%;
            }

        .pp4 .drt, .pp5 .drt {
            width: 100%;
            float: none;
            padding-top: 20px;
        }

    .pp5 {
        padding-top: 30px;
    }

        .pp5 .drt .amove {
            margin: 20px auto 0;
        }

    .pp6 {
        padding: 30px 0 10px;
        margin-top: 30px;
    }

    .pco1 {
        left: 0;
        margin: 0;
        width: 100%;
    }

        .pco1 .mimg {
            display: block;
        }

        .pco1 .pimg {
            display: none;
        }

        .pco1 .pbox {
            width: 90%;
            left: 5%;
            margin: 0;
        }

            .pco1 .pbox .tt {
                font-size: 20px;
                line-height: 20px;
                margin-top: 10%;
            }

            .pco1 .pbox .tt2 {
                display: none;
            }

            .pco1 .pbox .tc {
                font-size: 14px;
                line-height: 18px;
                margin: 10px 0;
            }

            .pco1 .pbox a {
                width: 48%;
                margin-right: 4%;
                margin-bottom: 10px;
            }

                .pco1 .pbox a:nth-child(2) {
                    margin-right: 0;
                }

    .pco2 {
        padding: 30px 0;
    }

        .pco2 .tt span {
            font-size: 18px;
        }

        .pco2 dl {
            width: 100%;
        }

            .pco2 dl dd {
                margin-top: 40px;
            }

                .pco2 dl dd .img, .pco2 dl dd:nth-child(2) .img {
                    width: 100%;
                    float: none;
                }

                .pco2 dl dd .drt, .pco2 dl dd:nth-child(2) .drt {
                    position: static;
                    width: 100%;
                    padding: 20px 5%;
                    margin-top: 10px;
                }

    .pco3 {
        padding: 30px 0;
        height: auto;
    }

        .pco3 .tt span {
            font-size: 18px;
            text-align: justify;
        }

        .pco3 dl {
            padding-top: 30px;
        }

            .pco3 dl dd {
                margin: 0 0 20px 0;
                width: 150px;
                height: 150px;
            }

                .pco3 dl dd:nth-child(2n) {
                    float: right;
                }

                .pco3 dl dd .dtt {
                    font-size: 20px;
                    padding: 30px 0 10px;
                }

    .pco4 {
        padding: 30px 0;
    }

        .pco4 .pco_1 {
            width: 100%;
            padding: 0 0 30px 0;
            margin: 30px 0;
        }

            .pco4 .pco_1 .img {
                width: 100%;
            }

            .pco4 .pco_1 .next_pco1, .pco4 .pco_1 .prev_pco1 {
                display: none;
            }

            .pco4 .pco_1 .swiper-pagination_pco1 {
                bottom: 0;
            }

                .pco4 .pco_1 .swiper-pagination_pco1 .swiper-pagination-bullet-active {
                    background: #2e3192;
                }

        .pco4 .pcimg img {
            float: none;
            width: 100%;
            margin-bottom: 10px;
        }

            .pco4 .pcimg img:nth-child(2) {
                float: none;
                margin: 0;
            }

        .pco4 .pcimg {
            width: 100%;
        }

            .pco4 .pcimg .txt {
                padding: 20px 0;
            }

        .pco4 .tt2 .tt span {
            font-size: 18px;
            text-align: left;
        }

        .pco4 ul li {
            width: 100%;
            margin: 0 0 20px 0;
        }

            .pco4 ul li .ltc {
                height: 40px;
            }

    .pco5 .tt span {
        font-size: 18px;
    }

    .pco5 .pco_2 .swiper-slide .img {
        width: 100%;
    }

    .pco5 .amove {
        margin: 20px auto 0;
    }

    .pco5 .pco_2 {
        padding: 30px 0;
    }

    .pco5 {
        padding: 30px 0;
    }

    .pvi1 {
        width: 100%;
        left: 0%;
        margin: 0;
    }

        .pvi1 .mimg {
            display: block;
        }

        .pvi1 .pimg {
            display: none;
        }

        .pvi1 .pbox .tt {
            font-size: 20px;
            line-height: 20px;
            margin: 20% 0 30px;
        }

        .pvi1 .pbox .tc {
            font-size: 16px;
            width: 90%;
            margin: 0 auto;
        }

    .pvi2 {
        padding: 30px 0;
    }

        .pvi2 .tt span, .pvi3 .tt span {
            font-size: 18px;
            text-align: left;
        }

        .pvi2 img, .pvi3 img {
            width: 100%;
        }

    .pvi3 {
        padding: 30px 0;
    }

        .pvi3 .tt2 {
            padding: 20px 0;
            font-size: 16px;
        }

        .pvi3 .tc {
            margin-bottom: 10px;
        }

    .pvi4 .tt .t1 {
        font-size: 18px;
    }

    .pvi4 .tt .t2 {
        font-size: 16px;
    }

    .pvi4 .tt {
        padding: 40px 5%;
    }

    .pvi4 .tt2 {
        height: auto;
    }

        .pvi4 .tt2 .t1 {
            width: 70%;
            font-size: 14px;
        }

        .pvi4 .tt2 .img {
            width: 90%;
        }

        .pvi4 .tt2 .t2 {
            font-size: 14px;
            margin: 0 auto 40px;
            width: 90%;
        }

    .pvi4 .tt3 {
        margin: 30px 0 0;
        padding-top: 30px;
    }

        .pvi4 .tt3 .img img {
            width: 100%;
            float: none;
            margin-bottom: 20px;
        }

    .pvi4 {
        padding-bottom: 30px;
    }

    .pvi5 {
        width: 100%;
        left: 0;
        margin: 0;
        background: #fff;
    }

        .pvi5 > img {
            display: none;
        }

        .pvi5 .pbox {
            position: static;
            width: 90%;
            margin: 0 auto;
            left: 0;
            padding-top: 30px;
        }

        .pvi5 .tt span {
            color: #333;
        }

        .pvi5 .tc {
            margin-top: 30px;
        }

            .pvi5 .tc .img, .pvi5 .tc .drt, .pvi6 .dlt {
                width: 100%;
                margin: 0;
                float: none;
            }

            .pvi5 .tc .drt {
                margin-top: 30px;
            }

                .pvi5 .tc .drt .dtt, .pvi5 .tc .drt .dtc {
                    color: #333;
                }

                .pvi5 .tc .drt .amove, .pvi6 .dlt .amove {
                    margin: 30px auto;
                }

    .pvi6 {
        padding: 30px 0;
    }

        .pvi6 .dlt {
            padding: 0;
        }

        .pvi6 .tt span {
            font-size: 18px;
        }

        .pvi6 .dlt .dtt {
            margin-top: 20px;
        }

        .pvi6 .tt {
            margin-top: 0;
        }

        .pvi6 .img {
            width: 100%;
            float: none;
        }

    .pvi7 {
        padding: 30px 0;
    }

        .pvi7 .tc {
            font-size: 16px;
            line-height: 20px;
            margin: 20px 0;
        }

        .pvi7 dl dd {
            width: 50%;
            margin-bottom: 20px;
        }

            .pvi7 dl dd .txt {
                font-size: 14px;
            }

    .pfa1 {
        width: 100%;
        left: 0;
        margin: 0;
    }

        .pfa1 .mimg {
            display: block;
        }

        .pfa1 .pimg {
            display: none;
        }

        .pfa1 .pbox {
            width: 90%;
            left: 5%;
            top: 0;
            margin: 0;
            text-align: center;
        }

            .pfa1 .pbox .tt {
                font-size: 20px;
                line-height: 20px;
                margin-top: 10%;
                width: 100%;
            }

            .pfa1 .pbox .tc {
                width: 100%;
                font-size: 16px;
            }

            .pfa1 .pbox .move {
                margin: 20px auto;
            }

    .dw {
        display: none;
    }

    .pfa2 {
        padding: 30px 0;
    }

        .pfa2 .tt span {
            font-size: 20px;
        }

        .pfa2 .tc {
            width: 100%;
            text-align: justify;
            margin-top: 20px;
        }

            .pfa2 .tc .tcbox .img1 {
                display: none;
            }

            .pfa2 .tc .tcbox .img2 {
                display: block;
                width: 100%;
                display: block;
                margin: 20px 0;
            }

            .pfa2 .tc .tcbox dl {
                display: none;
            }

            .pfa2 .tc .tcbox {
                height: auto;
            }

    .pfa3 {
        padding: 30px 0;
    }

        .pfa3 .tt span, .pfa5 .tt span {
            font-size: 18px;
            text-align: justify;
        }

        .pfa3 dl {
            padding-top: 30px;
        }

            .pfa3 dl dd, .pfa3 dl dd:nth-child(2) {
                width: 100%;
            }

                .pfa3 dl dd div span {
                    font-size: 16px !important;
                    height: 40px !important;
                    line-height: 40px !important;
                }

    .pfa4 {
        height: auto;
        line-height: 40px;
        padding: 30px 0;
    }

        .pfa4 .box {
            font-size: 16px;
        }

            .pfa4 .box a {
                display: block;
                margin: 0 auto;
                font-size: 14px;
            }

    .pfa5 {
        padding: 30px 00;
    }

        .pfa5 .dl1 {
            margin: 30px 0 0;
        }

            .pfa5 .dl1 dd {
                width: 50%;
                margin: 0;
                box-sizing: border-box;
                border: 1px solid #fff;
            }

        .pfa5 .dl2 dd .img, .pfa5 .dl2 dd .drt {
            width: 100%;
            float: none;
        }

            .pfa5 .dl2 dd .drt .dtt {
                padding-top: 30px;
            }

            .pfa5 .dl2 dd .drt .dct {
                padding-top: 10px;
            }

    .pma1 {
        width: 100%;
        left: 0;
        margin: 0;
    }

        .pma1 .mimg {
            display: block;
        }

        .pma1 .pimg {
            display: none;
        }

        .pma1 .pbox .tt {
            font-size: 20px;
            line-height: 20px;
            margin: 10% 0;
        }

        .pma1 .pbox {
            width: 90%;
            left: 5%;
            margin: 0;
        }

            .pma1 .pbox .tc {
                width: 100%;
                padding: 10px 5%;
                font-size: 12px;
                background: #666;
                text-align: justify;
            }

                .pma1 .pbox .tc span {
                    position: static;
                    margin: 0 auto;
                    width: 100%;
                    height: 30px;
                    font-size: 16px;
                    line-height: 30px;
                    text-align: center;
                }



    .pma2 .tt span {
        font-size: 18px;
    }

    .pma2 dl {
        width: 100%;
    }

        .pma2 dl dd, .pma2 dl dd:nth-child(2), .pma2 dl dd:nth-child(3), .pma2 dl dd:nth-child(4), .pma2 dl dd:nth-child(5), .pma2 dl dd:nth-child(6) {
            float: left;
            position: static;
            width: 150px;
            height: 129px;
            margin: 0 0 20px 0;
        }

            .pma2 dl dd:nth-child(2n) {
                float: right;
            }

            .pma2 dl dd div {
                font-size: 12px;
                padding: 25px 0;
            }

            .pma2 dl dd:nth-child(3n) div {
                padding-top: 20px;
            }

    .pma2 dl {
        padding-top: 30px;
    }

    .pma2 {
        padding: 100px 0 30px;
    }

    .pma3 .tc {
        font-size: 16px;
        margin: 20px 0;
    }

    .pma3 .ptp {
        width: 100%;
        padding: 0 0 30px 0;
        left: 0;
    }

    .pma3 .pma_1 .swiper-slide a .img {
        width: 25px;
        height: 25px;
    }

    .pma3 .pma_1 .swiper-slide a {
        height: 50px;
        line-height: 50px;
    }

        .pma3 .pma_1 .swiper-slide a .img {
            margin: 13px 10px;
        }

        .pma3 .pma_1 .swiper-slide a .drt {
            font-size: 14px;
        }

    .pma3 .pma_1 .swiper-slide:hover .img img:nth-child(1), .pma3 .pma_1 .swiper-slide.act .img img:nth-child(1) {
        margin-top: -25px;
    }

    .pma3 .ptp .prev_pma1, .pma3 .ptp .next_pma1 {
        display: none;
    }

    .pma3 .swiper-pagination_pma1 {
        display: block;
        text-align: center;
        width: 100%;
    }

        .pma3 .swiper-pagination_pma1 span {
            margin: 0 5px;
        }

        .pma3 .swiper-pagination_pma1 .swiper-pagination-bullet-active {
            background: #2e3192;
        }

    .pma3 .pbt {
        padding-top: 30px;
    }

        .pma3 .pbt dd .img {
            width: 100%;
            float: none;
        }

        .pma3 .pbt dd .drt {
            width: 100%;
            float: none;
            padding: 0;
        }

            .pma3 .pbt dd .drt .dtt {
                padding: 20px 0 10px;
            }

            .pma3 .pbt dd .drt .amove {
                margin-top: 20px;
            }

    .pma4 {
        padding: 30px 0;
    }

        .pma4 .tc, .pma5 .tc {
            margin: 20px 0;
            font-size: 16px;
        }

        .pma4 dl dd, .pma5 dl dd {
            width: 100%;
            float: none;
            margin: 0 0 20px 0;
        }

    .pma5 dl dd {
        margin: 0 0 10px 0;
    }

    .pma6 {
        padding: 0;
    }

        .pma6 dl {
            padding-top: 30px;
        }

            .pma6 dl dd {
                width: 48%;
                height: auto;
                margin-right: 0;
                margin-bottom: 20px;
                background-size: cover;
            }

                .pma6 dl dd:nth-child(2n) {
                    float: right;
                }

                .pma6 dl dd .txt {
                    padding: 15px 0 0 0;
                }

    .pax1 .pbox .tt {
        margin: 10% 0 5%;
    }

    .pax1 .pbox .move {
        margin-top: 10px;
    }

    .pax2 {
        padding: 30px 0;
    }

        .pax2 .tt span, .pax2 dl dd .dtt, .pax2 dl dd .dtc span {
            font-size: 20px;
        }

        .pax2 dl {
            padding-top: 30px;
        }

            .pax2 dl dd {
                width: 100%;
                float: none;
                margin: 0 0 20px 0;
            }

    .pax3, .pax4 {
        padding: 30px 0;
    }

        .pax3 .btn {
            width: 100%;
        }

            .pax3 .btn span {
                width: 45%;
                font-size: 12px;
                padding: 10px 0;
                text-align: center;
            }

        .pax3 dl, .pax3 dl dd, .pax3 dl img {
            width: 100%;
        }

        .pax4 .tt span {
            font-size: 16px;
            text-align: left;
        }

        .pax4 .tt {
            margin-bottom: 20px;
        }

        .pax4 .img, .pax4 .prt {
            width: 100%;
            float: none;
        }

            .pax4 .prt, .pax4 .prt .dct {
                margin-top: 20px;
            }

    .pax4 {
        padding-bottom: 0;
    }

    .pax6 {
        padding: 0 0 30px 0;
    }

        .pax6 .tt span {
            font-size: 16px;
            text-align: justify;
        }

        .pax6 .img {
            margin: 30px 0;
        }

            .pax6 .img img {
                width: 100%;
                float: none;
            }

                .pax6 .img img:nth-child(2), .pax7 .img img:nth-child(2) {
                    float: none;
                    margin-top: 20px;
                }

    .pax7 {
        padding: 30px 0;
    }

        .pax7 .tt span {
            font-size: 20px;
        }

        .pax7 .btn {
            width: 100%;
        }

            .pax7 .btn a {
                width: 33.33%;
                height: 40px;
                line-height: 40px;
                font-size: 20px;
                margin: 0;
            }

        .pax7 .img img {
            width: 100%;
            float: none;
        }

        .pax7 .btn {
            margin: 30px 0;
        }

    .pax8 {
        padding-top: 30px;
    }

        .pax8 .tt span {
            font-size: 18px;
            text-align: justify;
        }

        .pax8 .tt {
            margin-bottom: 30px;
        }

        .pax8 .pax_8 {
            width: 100%;
            left: 0;
            padding: 0 0;
            margin: 0 0 50px 0;
        }

            .pax8 .pax_8 .prev_pa8, .pax8 .pax_8 .next_pa8 {
                display: none;
            }

            .pax8 .pax_8 .swiper-pagination_pa8 {
                width: 100%;
                text-align: center;
                margin-top: 20px;
            }

                .pax8 .pax_8 .swiper-pagination_pa8 span {
                    margin: 0 5px;
                }

                .pax8 .pax_8 .swiper-pagination_pa8 .swiper-pagination-bullet-active {
                    background: #2e3192;
                }

    .pbu1 {
        width: 100%;
        left: 0;
        margin: 0;
        text-align: center;
    }

        .pbu1 .pimg {
            display: none;
        }

        .pbu1 .mimg {
            display: block;
        }

        .pbu1 .pbox {
            width: 90%;
            left: 5%;
            margin: 0;
        }

            .pbu1 .pbox .t1 {
                font-size: 20px;
                line-height: 20px;
                margin-top: 20%;
                color: #000;
            }

            .pbu1 .pbox .t2 {
                font-size: 18px;
                color: #000;
            }

            .pbu1 .pbox .t3 {
                font-size: 14px;
                color: #000;
                margin-top: 10px;
            }

    .pbu2 {
        padding: 30px 0;
    }

        .pbu2 .tt span, .pbu3 .tt span, .pbu4 .tt span {
            font-size: 20px;
        }

        .pbu2 .tc {
            font-size: 14px;
            line-height: 20px;
            margin: 10px 0 30px;
        }

        .pbu2 dl dd {
            width: 48%;
            margin-right: 4%;
            margin-bottom: 20px;
        }

            .pbu2 dl dd:nth-child(2n) {
                margin-right: 0;
            }

            .pbu2 dl dd .img {
                margin: 10px auto;
            }

    .pbu3 .tt {
        margin-bottom: 20px;
    }

    .pbu3 .img, .pbu3 .drt {
        width: 100%;
        float: none;
    }

    .pbu3 .drt {
        margin-top: 20px;
    }

        .pbu3 .drt dd div {
            width: 85%;
        }

    .pbu4 {
        padding: 30px 0;
    }

        .pbu4 .tc {
            margin: 20px 0;
        }

        .pbu4 dl {
            width: 100%;
            height: auto;
        }

            .pbu4 dl dd, .pbu4 dl dt .pimg, .pbu4 dl dt .yuan {
                display: none;
            }

            .pbu4 dl dt .mimg {
                display: block;
            }

    .pbu5 {
        padding: 30px 0 0;
    }

        .pbu5 .tc {
            margin: 20px 0;
        }

    #carousel {
        display: none;
    }

    .di4 .ct .ctbox {
        display: block;
        margin-bottom: 20px;
    }

    .i3 .ct {
        width: 100%;
    }

        .i3 .ct span {
            text-align: center;
            font-size: 12px;
            padding: 10px 0;
        }

        .i3 .ct div {
            text-align: center;
        }

    .pma3 .pbt dd .vid {
        width: 100%;
    }

        .pma3 .pbt dd .vid .vid1 {
            padding: 0 0 30px 0;
            margin-bottom: 30px;
        }

        .pma3 .pbt dd .vid .vlt, .pma3 .pbt dd .vid .vrt {
            width: 100%;
            float: none;
        }

            .pma3 .pbt dd .vid .vrt .vrbt span {
                width: 48%;
                margin: 0 0 20px 0;
            }

                .pma3 .pbt dd .vid .vrt .vrbt span:nth-child(2n) {
                    float: right;
                }

    .vidoe {
        width: 96%;
        left: 2%;
        margin-left: 0;
        top: 0;
        margin-top: 30%;
        height: auto;
    }

        .vidoe .vd_out {
            top: -60px;
            right: 0;
        }

    .cc1 .cbox .ct img {
        width: 100%;
        height: auto;
    }

    .b_c2 .b_box dl img {
        display: block;
        margin: 10px auto;
        width: 100%;
    }


    /* 环思大脑 */

    .h1 {
        width: 100%;
        position: relative;
        left: 0;
        margin: 0;
    }

        .h1 .hbox {
            width: 100%;
            left: 0;
            margin: 0;
            top: 0;
        }

    .pcm {
        display: none;
    }

    .mcm {
        display: block;
    }

    .h1 > img {
        display: none;
    }

    .h1 .m_bg {
        display: block;
        background: url(../images/h13.jpg) center;
        background-size: cover;
        padding-bottom: 350px;
    }

        .h1 .m_bg img {
            display: block;
            width: 100%;
        }

    .h1 .hbox .htxt {
        width: 90%;
        margin: 0 auto;
        background: none;
    }

        .h1 .hbox .htxt .htt {
            font-size: 14px;
            line-height: 14px;
            margin-top: 80px;
        }

        .h1 .hbox .htxt .htc {
            width: 90%;
            font-size: 12px;
            line-height: 16px;
            margin-top: 10px;
        }

    .h1 .hbox .hnav {
        margin: 0 auto;
        width: 90%;
        padding-top: 50px;
    }

        .h1 .hbox .hnav a, .h1 .hbox .hnav a:nth-child(2), .h1 .hbox .hnav a:nth-child(3), .h1 .hbox .hnav a:nth-child(4), .h1 .hbox .hnav a:nth-child(5) {
            width: 33.33%;
            margin: 0 0 20px 0;
            background: none;
            padding: 0;
            text-align: center;
            min-height: 64px;
            height: auto;
        }

            .h1 .hbox .hnav a span {
                margin: 0 auto;
                float: none;
            }

            .h1 .hbox .hnav a .art {
                width: 100%;
                float: none;
            }

            .h1 .hbox .hnav a.act, .h1 .hbox .hnav a :hover {
                background: none;
            }

            .h1 .hbox .hnav a .art div {
                font-size: 12px;
            }

            .h1 .hbox .hnav a .art .hd1 {
                font-size: 16px;
            }

            .h1 .hbox .hnav a:nth-child(4) {
                margin-left: 18%;
            }

            .h1 .hbox .hnav a:nth-child(5) {
                width: 40%;
            }

    .h2 {
        padding: 30px 0;
    }

        .h2 .tt span {
            font-size: 20px;
        }

        .h2 .tc {
            font-size: 16px;
            text-align: justify;
            margin: 30px 0;
        }

        .h2 .box .img {
            width: 100%;
            background: url(../images/h2.jpg) top center no-repeat;
            background-size: 100%;
            min-height: 310px;
        }

        .h2 .box .a a {
            width: 70px;
            height: 70px;
            margin: 5% 0 0 15%;
            font-size: 22px;
            line-height: 70px;
        }

            .h2 .box .a a:nth-child(2) {
                margin-left: 70%;
                margin-top: -21%;
            }

            .h2 .box .a a:nth-child(3) {
                margin-top: 30%;
            }

            .h2 .box .a a:nth-child(4) {
                margin-left: 70%;
                margin-top: -21%;
            }

        .h2 .box .ul1 {
            width: 96%;
            left: 2%;
            margin: 0 auto;
            position: relative;
            top: 0;
            padding-bottom: 30px;
        }

            .h2 .box .ul1 li .lft {
                width: 100%;
                float: none;
                margin: 0;
            }

            .h2 .box .ul1 li .lrt {
                width: 90%;
                float: none;
                margin: 0 auto;
            }

                .h2 .box .ul1 li .lrt .ltt {
                    margin-top: 0;
                }

            .h2 .box .ul1 li .lout {
                right: 20px;
            }

        .h2 .box .tt2 {
            font-size: 16px;
        }

        .h2 .box .a2 {
            padding-top: 30px;
        }

            .h2 .box .a2 a, .h2 .box .a2 a:nth-child(2), .h2 .box .a2 a:nth-child(3), .h2 .box .a2 a:nth-child(4) {
                margin: 0 0 20px 0;
                padding: 5px;
                float: left;
            }

                .h2 .box .a2 a span {
                    width: 100px;
                    height: 100px;
                    line-height: 100px;
                    font-size: 20px;
                }

                .h2 .box .a2 a:nth-child(2n) {
                    float: right;
                }

        .h2 .box .a2 {
            width: 80%;
            margin: 0 auto;
        }

        .h2 .box .ul2 {
            padding: 30px 0;
        }

            .h2 .box .ul2 li .limg, .h2 .box .ul2 li .llt {
                width: 100%;
                float: none;
                margin: 0;
            }

                .h2 .box .ul2 li .limg img {
                    width: 100%;
                }

                .h2 .box .ul2 li .limg div {
                    font-size: 16px;
                    width: 90%;
                    margin: 0 auto;
                }

            .h2 .box .ul2 li .llt {
                width: 90%;
                margin: 30px auto 0;
            }

            .h2 .box .ul2 li {
                padding: 30px 0;
            }

                .h2 .box .ul2 li .llt .ltt {
                    font-size: 20px;
                }

        .h2 .box3 {
            width: 90%;
        }

            .h2 .box3 .tc3 {
                width: 100%;
            }

            .h2 .box3 .a3 a {
                width: 100%;
                float: none;
                margin-bottom: 20px;
            }

                .h2 .box3 .a3 a div {
                    width: 80%;
                    left: 50%;
                    margin-left: -40%;
                    top: 15%;
                }

            .h2 .box3 .ul3 {
                background: none;
                border: 1px solid #ddd;
            }

                .h2 .box3 .ul3 li .limg {
                    width: 100%;
                    float: none;
                }

                    .h2 .box3 .ul3 li .limg img {
                        max-width: 100%;
                        display: block;
                        margin: 0 auto;
                    }

                .h2 .box3 .ul3 li .txt {
                    width: 90%;
                    float: none;
                    margin: 30px auto 0;
                }

        .h2 .box .a4 a {
            margin: 0;
        }

            .h2 .box .a4 a:nth-child(2) {
                margin: 250px 0 0 0;
                float: right;
            }

        .h2 .box .ul4 img, .h2 .box .ul4 img:nth-child(2) {
            position: relative;
            left: 0;
            bottom: 0;
            width: 100%;
        }

        .h2 .box .ul4 {
            margin-bottom: 0;
        }

        .h2 .box .tc5 {
            font-size: 16px;
            width: 100%;
            margin: 30px 0;
        }

        .h2 .box .ul5 {
            width: 100%;
            top: 0;
            min-height: 400px;
            height: auto;
        }

            .h2 .box .ul5 li {
                position: static;
                height: auto;
                width: 48%;
                float: left;
            }

                .h2 .box .ul5 li:nth-child(2) {
                    float: right;
                }

                .h2 .box .ul5 li:nth-child(3) {
                    margin: 20px 0 0 25%;
                }

                .h2 .box .ul5 li span {
                    opacity: 1;
                    margin: 0 auto;
                }

                .h2 .box .ul5 li img {
                    position: static;
                    height: auto;
                    margin-top: -80px;
                }
}